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');//压缩加密混淆
posted @ 2021-08-13 18:47  瘦不下来的熊猫  阅读(179)  评论(0)    收藏  举报