1、使用快捷安装时,文件夹的名字不能是webpack,否则在安装webpack时,会报错 Refusing to install package with name "webpack" under a package 因为与webpack项目重名了
2、设置mode
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
npx webpack --mode development
3、__dirname Node.js 中,__dirname 总是指向被执行 js 文件的绝对路径,所以当你在 /d1/d2/myscript.js 文件中写了 __dirname, 它的值就是 /d1/d2 。 相反,./ 会返回你执行 node 命令的路径,例如你的工作路径。 有一个特殊情况是在 require() 中使用 ./ 时,这时的路径就会是含有 require() 的脚本文件的相对路径。
4、path.resolve 需要注意的是:如果在处理完所有给定的 path 片段之后还未生成绝对路径,则再加上当前工作目录。
5、 npm run build 代替npx webpack 通过向 npm run build 命令和你的参数之间添加两个中横线,可以将自定义参数传递给 webpack,例如:npm run build -- --colors。
6、安装webpack-cli之前,要先安装webpack npm install -D 安装到dev开发环境
7、解析css文件,使用style-loader和css-loader 在依赖于此样式的文件中引入 import './style.css'。当该模块运行时,含有 CSS 字符串的