styl 使用时报错

Question

我尝试从最基础的 webpack 开始配置

但是遇到一个 stylus的报错，不知道哪里出问题了

webpack.config.js

module.exports = {
    entry: './entry.js',
    output: {
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader'
            }, {
                test: /\.styl$/,
                loader: 'style-loader!css-loader!stylus-loader',
            }
        ]
    }
}

准备打包的 JS

require('./index.styl')
document.write('<h1>hello css-loader</h1>')

报错信息

Answer 1

webpack配置应该没有什么问题，看了一下报错信息

Cannot find module 'webpack'

之后留意一个细节，你贴出来的报错信息最后几行显示了文件路径是使用全局安装的模块。
所以最后定位出问题是使用了全局安装的webpack出现了问题。

解决方法

使用

npm install webpack --save-dev

代替

npm install webpack -g