webpack 简单指令(npm脚本)

https://github.com/qq20004604/webpack-study

我们实际开发中, 一般都是使用npm run build 或者npm run dev 之类的指令   这是怎么实现的

利用package.json里面的scripts属性

{
  "name": "webpacktest",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "webpack --config webpack.config.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "html-webpack-plugin": "^3.2.0",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.10"
  }
}

然后控制台执行命令 npm run test即可

注意:  之所以我们能通过npm run test 来执行 webpack --config webpack.config.js 命令

原因是这段命令的开头, 以npm为开头,所以执行的是全局变量(通常是全局变量,因为npm一般是全局安装).配置的npm包管理器.  

后面的run test 是npm负责去执行的  所以npm run test  这段命令  是npm特性而不是webpack的, 称作npm脚本

 

webpack 简单指令(npm脚本)

上一篇:前端Json换行显示


下一篇:Settings Sync:Unable to read syncLocalSettings.json. Make sure its Valid JSON.