@@ -3,8 +3,11 @@ var webpack = require('webpack')
33const FriendlyErrorsWebpackPlugin = require ( 'friendly-errors-webpack-plugin' )
44const ExtractTextPlugin = require ( 'extract-text-webpack-plugin' )
55const StylelintPlugin = require ( 'stylelint-webpack-plugin' )
6+ const UglifyJsPlugin = require ( 'uglifyjs-webpack-plugin' )
7+ const MiniCssExtractPlugin = require ( 'mini-css-extract-plugin' )
68
79module . exports = {
10+ mode :'production' ,
811entry :'./components/index.js' ,
912output :{
1013path :path . resolve ( __dirname , '../dist' ) ,
@@ -19,6 +22,13 @@ module.exports = {
1922'public' :path . resolve ( __dirname , './public' )
2023}
2124} ,
25+ optimization :{
26+ minimizer :[
27+ new UglifyJsPlugin ( {
28+ sourceMap :false
29+ } )
30+ ]
31+ } ,
2232module :{
2333noParse :/ e s 6 - p r o m i s e \. j s $ / , // avoid webpack shimming process
2434rules :[
@@ -49,10 +59,11 @@ module.exports = {
4959} ,
5060{
5161test :/ \. c s s $ / ,
52- use :ExtractTextPlugin . extract ( {
53- use :[ 'css-loader' ]
54- } )
55- }
62+ use :[
63+ MiniCssExtractPlugin . loader ,
64+ 'css-loader'
65+ ]
66+ } ,
5667]
5768} ,
5869devServer :{
@@ -67,7 +78,9 @@ module.exports = {
6778new FriendlyErrorsWebpackPlugin ( {
6879clearConsole :true
6980} ) ,
70- new ExtractTextPlugin ( 'carvue.min.css' ) ,
81+ new MiniCssExtractPlugin ( {
82+ filename :'carvue.min.css'
83+ } ) ,
7184new StylelintPlugin ( {
7285files :[ '**/*.vue' ]
7386} )
@@ -82,12 +95,6 @@ if (process.env.NODE_ENV === 'production') {
8295NODE_ENV :'"production"' ,
8396}
8497} ) ,
85- new webpack . optimize . UglifyJsPlugin ( {
86- sourceMap :true ,
87- compress :{
88- warnings :false
89- }
90- } ) ,
9198new webpack . LoaderOptionsPlugin ( {
9299minimize :true
93100} )