练习webpack遇到的一些问题以及解决办法，供自己以后参考

1、利用nodeJs安装webpack时报出以下错误提示：

这个错误我在网上搜了一下，说是npm文件配置问题，也就是权限不够

解决办法：npm config set registry http://registry.npmjs.org/  运行这行命令即可

2、自动监听文件变化

webpack中可以利用webpack-dev-server在localhost:8080端口启动一个express静态资源web服务器，并且默认以监听模式自动运行webpack,实时监听文件的变化；

首先安装：npm install webpack-dev-server -g

然后运行：webpack-dev-server –progress –colors  

注：–progress 显示编译进度条  –colors带颜色的进度条

3、webpack文件分析

webpack的配置文件是：webpack.config.js

webpack的插件文件是：webpack.plugin.js

如图：

这就是wenpack.config.js的基本结构

4、如果在index.html中使用ejs语法的话 就无法正常使用html-loader，因为loader会将html文件当作字符串处理，从而无法解析ejs语法，如果必须使用html-loader，则不能使用.html文件作为模板，可以使用.ejs文件配合ejs-loader在main.js中引入此文件则可以做到热更新
 
5、使用NormalModuleReplacementPlugin来在打包时进行文件替换，尤其是在配置环境文件时根据不同的环境加载不同的配置文件

未完待续、、、、、、

原文链接：https://www.cnblogs.com/webwy/p/6082632.html
本文来源 爱码网，其版权均为 原网址 所有 与本站无关，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源。