webpack.prod.conf.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. const webpack = require('webpack');
  2. const config = require('../package.json');
  3. const path = require('path');
  4. const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  5. const webpackBaseConf = require('./webpack.base.conf.js');
  6. //const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
  7. const rimraf = require('rimraf');
  8. const merge = require('webpack-merge');
  9. rimraf('./dist/nutui.js', function (err) {
  10. if (err) console.log(err);
  11. });
  12. rimraf('./dist/nutui.css', function (err) {
  13. if (err) console.log(err);
  14. });
  15. rimraf('./dist/nutui.js.map', function (err) {
  16. if (err) console.log(err);
  17. });
  18. rimraf('./dist/nutui.css.map', function (err) {
  19. if (err) console.log(err);
  20. });
  21. module.exports = merge(webpackBaseConf, {
  22. mode: 'production',
  23. devtool: 'source-map',
  24. entry: {
  25. nutui: './src/nutui.js',
  26. },
  27. externals: {
  28. 'vue': {
  29. root: 'Vue',
  30. commonjs: 'vue',
  31. commonjs2: 'vue',
  32. amd: 'vue'
  33. }
  34. },
  35. output: {
  36. path: path.resolve(__dirname, '../dist/'),
  37. filename: 'nutui.js',
  38. library: 'nutui',
  39. libraryTarget: 'umd',
  40. umdNamedDefine: true
  41. },
  42. plugins: [
  43. new MiniCssExtractPlugin({
  44. filename: '[name].css'
  45. }),
  46. new webpack.DefinePlugin({
  47. 'process.env': {
  48. NODE_ENV: '"production"'
  49. }
  50. })
  51. ],
  52. optimization: {
  53. minimize: false
  54. }
  55. });