使用webpack --watch
,extract-text-webpack-plugin
和stylus-loader
,webpack不会在Windows 8.1上重新生成样式,除非您在主要引用的.styl
文件中更改某些内容(在这种情况styles.styl
如下所示。)
在OS X和Linux上,我改变哪个.styl
文件并不重要,无论如何都会按预期(?)重新生成。
编辑:经过进一步调查后,即使更改其他文件,它似乎也会在Windows上重新生成,但非常很少(比如每分钟左右),看似完全随意。
它的设置如下:
app.js (主要入口点)
'use strict';
// Contains all other stylus imports
import 'assets/css/styles.styl';
// Other code...
webpack.config.js
import webpack from 'webpack';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
module.exports = {
// ...
loaders: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
},
{
test: /\.styl$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader!stylus-loader?paths=src')
}
],
plugins: [
new ExtractTextPlugin('css/styles.css', { allChunks: true })
]
};
styles.styl
@require "config/*";
@import "layout/*";
@import "general/*";
的index.html
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/styles.css">
<!-- Other stuff -->
</head>
<!-- Even more stuff -->
</html>