Webpack介绍:主要用于web项目中打包资源进行自动构建,Webpack将所有资源视为JS的模块来进行构建,所以对于CSS,Image等非JS类型的文件,Webpack会使用相应的加载(loader...--dev-save
如果你使用Webpack 4+ 版本, 你还需要安装CLI.
npm install -D webpack-cli
要安装特定版本
npm install -D webpack...,模块,在Webpack里,一切皆模块,Webpack会从配置的entry开始递归找出所有依赖的模块,最常用的是rules配置项,功能是匹配对应的后缀,从而针对代码文件完成格式转换和压缩合并等指定的操作...创建webpack.config.js
指定项目打包的入口
指定项目打包后文件的名称和输出路径
配置代码错误源
如果报错了,是这样子的:
?...我们需要知道代码的具体错误,如图:
?
修改配置文件:
webpack.config.js
devtool: 'inline-source-map',
<!