webpack-devServer和开发环境的配置
devServer--开发服务器,用来自动化(自动编译,自动打开浏览器,自动刷新浏览器)
只会在内存中编译打包,不会有任何输出,终止运行后会删掉
启动devServer指令为npx webpack-dev-server,要安装这个包webpack-dev-server,普通打包指令webpack
devServer:{
//项目构建后路径
contentBase:resolve(_dirname,'build')//构建路径,当前目录下的build文件
compress:true,启动gzip压缩,
port:3000//启动开发服务器的端口号,
open:true,//自动打开默认浏览器
}
ps:(less结尾的文件,要用到use:['style-loader','css-loader','less-loader'],css用到两个loader,html文件需要用到plugin插件,html中的图片资源使用html-loader,其他资源使用file-loader,url-loader(处理css中的图片)是在file-loader上面加了一些东西)
const JavaScriptObfuscator = require('webpack-obfuscator');//压缩加密混淆