webpack.prod.mini.conf.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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 UglifyJsPlugin = require('uglifyjs-webpack-plugin');
  7. const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
  8. const rimraf = require('rimraf');
  9. const merge = require('webpack-merge');
  10. rimraf('./dist/nutui.min.js', function (err) {
  11. if (err) console.log(err);
  12. });
  13. rimraf('./dist/nutui.min.css', function (err) {
  14. if (err) console.log(err);
  15. });
  16. module.exports = merge(webpackBaseConf, {
  17. mode: 'production',
  18. entry: {
  19. nutui: './src/nutui.js',
  20. },
  21. externals: {
  22. 'vue': {
  23. root: 'Vue',
  24. commonjs: 'vue',
  25. commonjs2: 'vue',
  26. amd: 'vue'
  27. }
  28. },
  29. output: {
  30. path: path.resolve(__dirname, '../dist/'),
  31. filename: 'nutui.min.js',
  32. library: 'nutui',
  33. libraryTarget: 'umd',
  34. globalObject: 'this',
  35. umdNamedDefine: true
  36. },
  37. plugins: [
  38. new MiniCssExtractPlugin({
  39. filename: '[name].min.css'
  40. }),
  41. new webpack.DefinePlugin({
  42. 'process.env': {
  43. NODE_ENV: '"production"'
  44. }
  45. })
  46. ],
  47. optimization: {
  48. minimizer: [
  49. new UglifyJsPlugin({
  50. uglifyOptions: {
  51. compress: {
  52. warnings: false
  53. }
  54. },
  55. sourceMap: false,
  56. parallel: true
  57. }),
  58. new OptimizeCSSAssetsPlugin({})
  59. ]
  60. },
  61. });