Question

我正在使用以下npm构建工具

的组合开发浏览器应用程序

Browserify
Coffeeify
Watchify

我的package.json文件的脚本部分是：

  "scripts": {
    "build": "browserify -t coffeeify init.coffee -o ../www/bundle.js",
    "watch": "watchify -t coffeeify init.coffee -o ../www/bundle.js"
  }

到目前为止，我已经配置了我的项目，所以在开始处理之前，我输入“npm run watch”命令，每当我更新一个时，所有CoffeeScript文件都会自动捆绑到bundle.js文件中。现在，我还希望有几个.SCSS文件自动编译成.CSS文件，然后全部捆绑并缩小为min.css文件。而且，理想情况下我想要完成此操作而不必输入除我之前输入的CS文件之外的命令（“npm run watch”）。

这是我的package.json devDependencies：

  "devDependencies": {
    "coffee-script": "^1.10.0",
    "coffeeify": "^2.0.1",
    "browserify": "^12.0.1",
    "watchify": "^3.6.0",
    "node-sass": "^3.4.2",
    "yuicompressor": "^2.4.8"
  }

到目前为止，我正处于使用PhpStorm的文件观察器和node-sass npm模块将.SCSS文件成功编译为.CSS文件的位置。经过一番阅读后，我决定使用yui压缩器（它也作为Node模块安装，如上所示）。然而，经过大量的搜索，我找不到如何做到这一点的良好描述。

我应该更新：

"watch": "watchify -t coffeeify init.coffee -o ../www/bundle.js"

在我的package.json文件中？如果是这样，怎么样？

我希望最终结果是每当更改SCSS文件夹中的文件时，会自动重新编译其他文件夹中的min.css文件。

（如果我的目的有更好的选择，我不一定坚持使用yui压缩器。）

PhpStorm：使用watchify.js将所有.SCSS文件缩小为单个.CSS文件？

0 个答案: