码迷,mamicode.com
首页 > Web开发 > 详细

webpack自动打包onchange遇到的坑

时间:2018-07-31 00:25:49      阅读:492      评论:0      收藏:0      [点我收藏+]

标签:项目   express   一个   run   3.3   斜杠   打包   debug   bin   

在使用webpack打包的时候,我们不会在每次修改后都进行手动打包,这样会比较麻烦,所以有了一个自动打包的工具

监听指定的目录,在源文件有更改的时候,自动打包生成文件

安装

npm install onchange

 

使用

onchange app/**/*.js test/**/*.js -- npm test

项目实例

package.json文件

{
  "name": "xxx,
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www",
    "webpack": "webpack --config ./src/webpack.config.js",
    "watch": "onchange \"src/**/*.js\" \"src/**/*.less\" -- npm run webpack" 
},
"dependencies": {
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "ejs": "~2.5.7",
    "express": "~4.16.0",
    "http-errors": "~1.6.2",
    "morgan": "~1.9.0"
  },
  "devDependencies": {
   "onchange": "^3.3.0",
    "webpack": "^3.0.0"
  }
}
需要特别注意的是,在windows环境下,不支持
 "watch": "onchange ‘src/**/*.js\‘ ‘src/**/*.less‘ -- npm run webpack" 
这种双引号包裹单引号的写法,需要如上代码用反斜杠进行转义,否则会自动打包失败

有了onchange的情况下,开一个终端,运行npm run watch即可监控代码的变化

webpack自动打包onchange遇到的坑

标签:项目   express   一个   run   3.3   斜杠   打包   debug   bin   

原文地址:https://www.cnblogs.com/ronyjay/p/9393400.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!