webpack.config.js
const path=require('path') const webpack=require('webpack') const HtmlWebpackPlugin=require('html-webpack-plugin') //const UglifyjsWebpackPlugin=require('uglifyjs-webpack-plugin') module.exports={ entry:"./src/main.js", output:{ path:path.resolve(__dirname,'dist'), filename:"bunble.js", //publicPath:"dist/" }, module: { rules: [ {test: /.css$/, use: ['style-loader','css-loader'] }, { test:/.less$/, use:[ {loader:"style-loader"}, {loader:"css-loader"}, {loader:"less-loader"} ] }, { test:/.(png|jpg|gif)$/, use:[{loader:"url-loader", options:{ limit:13000, name:'img/[name].[hash:8].[ext]' }, }] },{ test:/.js$/, exclude:/(node_modules|bower_components)/, use:{ loader:"babel-loader", options:{ presets:["es2015"] } } },{ test:/.vue$/, use:['vue-loader'] } ] }, resolve:{ extensions:[".js",'.vue','.css'], alias:{ "vue$":"vue/dist/vue.esm.js" } }, plugins:[ new webpack.BannerPlugin('最终版权归我所有'), new HtmlWebpackPlugin({ template:"index.html" }), //new UglifyjsWebpackPlugin() ], devServer:{ contentBase:'./dist', inline:true } }