05-使用 npm scripts 运行webpack

使用以下命令运行本地webpack不是特别方便,

npx webpack //或者 npx webpack --config webpack.config.js

可以设置使用快捷方式：npm scripts

一、 添加 npm scripts

编辑 package.json 文件，添加在 npm scripts 中添加一个 npm 命令：

{ "name": "demo02", "version": "1.0.0", "main": "index.js", "license": "MIT", "devDependencies": { "webpack": "^4.35.3", "webpack-cli": "^3.3.6" }, "scripts": { "build": "webpack", "goujian": "webpack", "build_config": "webpack --config webpack.config.js" } }

其中 build 是 指令名称，根据需要自定义即可；webpack 是重要的指令，不能写错。

二、 使用 npm scripts

在控制台中输入指令，即可生成 main.js 文件。

npm run build //或者 yarn build

打开index.html文件即可看到 Hello webpack 字样。

每次执行指令前，需要手动删除 dist 路径下的 main.js 文件

参考链接

webpack起步示例代码