自定义npm scripts指令打包文件

我们都对项目用过npm start / npm run dev等命令,那么这行命令到底干了什么事呢,首先来介绍一下npm脚本。

npm 允许在package.json文件里面,使用scripts字段定义脚本命令。命令行下使用npm run命令,就可以执行这段脚本。

{
  // ...
  "scripts": {
    "build": "node build.js"
  }
}

命令行下使用npm run命令,就可以执行这段脚本。每当执行npm run,就会自动新建一个bash脚本,并执行指定的脚本命令。只要bash可以运行的命令,就可以写在 npm 脚本里面。

$ npm run build

//等同于执行 

$ node build.js

向 npm 脚本传入参数,要使用--标明。

向上面的npm run build命令传入参数,必须写成下面这样。

 $ npm run build -- -- port==8080  

知道了这些,我们就可以自定义webpack打包命令了。

我们直接复制production命令,加一个参数即可。

scripts: {

"production": "cross-env NODEENV=production nodemodules/webpack/bin/webpack.js --progress --hide-modules --config=nodemodules/laravel-mix/setup/webpack.config.js",

"sass": "cross-env NODEENV=development nodemodules/webpack/bin/webpack.js --progress --hide-modules --config=nodemodules/laravel-mix/setup/webpack.config.js --env.sass"

}

然后我们在webpack.mix.js加入sass打包的code,通过在process.env中获取我们传递参数,来执行相应的脚本。

image.png

现在执行npm  run  sass就只打包项目的sass文件了。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容