Fatal编程技术网
  • webpack/
  • Webpack watch不支持'；无法在Windows上重新生成样式

Webpack watch不支持'；无法在Windows上重新生成样式

webpack

Webpack watch不支持'；无法在Windows上重新生成样式,webpack,stylus,Webpack,Stylus,使用webpack--watch、extract text webpack plugin和stylus loader，webpack不会在Windows 8.1上重新生成样式，除非您更改主引用的.styl文件中的某些内容（在本例中为styles.styl，如下所示） 在OSX和Linux上，无论我更改哪个.styl文件，它都会按预期重新生成（？） 编辑：经过进一步调查，它似乎确实在Windows上重新生成，即使在更改其他文件时也是如此，但很少（比如每分钟左右一次），而且似乎完全是随机的 它的设置

使用
webpack--watch
、
extract text webpack plugin
和
stylus loader
，webpack不会在Windows 8.1上重新生成样式，除非您更改主引用的
.styl
文件中的某些内容（在本例中为
styles.styl
，如下所示）

在OSX和Linux上，无论我更改哪个
.styl
文件，它都会按预期重新生成（？）

编辑：经过进一步调查，它似乎确实在Windows上重新生成，即使在更改其他文件时也是如此，但很少（比如每分钟左右一次），而且似乎完全是随机的

它的设置如下：

app.js（主要入口点）

webpack.config.js

样式.样式

index.html
这听起来像是文件系统问题。也许您打开了一个带有.styl文件的编辑器？我想不出有什么理由那个网页在重新编译后不会立即写下更改。@4m1r不，不是这样的。我想问题也可能出在
手写笔加载器上。是的，也许是他们出了问题@萨玛很有帮助，我也不能让它工作。

'use strict';

// Contains all other stylus imports
import 'assets/css/styles.styl';

// Other code...



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 })
  ]
};



@require "config/*";

@import "layout/*";
@import "general/*";



<!doctype html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="css/styles.css">
    <!-- Other stuff -->
  </head>
  <!-- Even more stuff -->
</html>