Question

我是webpack的新手，我正在用它来打包一个Angular 2网络应用。根据标题，我在JS中遇到与SASS编译和ExtractTextPlugin有关的错误。

以下是我的webpack配置的相关摘录：

 module: {
    rules: [{
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract({
            fallbackLoader: ['style-loader'],
            loader: [{
                loader: 'css-loader?sourceMap',
                options: {
                    sourceMap: true
                }
            }, {
                loader: 'sass-loader?sourceMap&output=compressed',
                options: {
                    sourceMap: true
                }
            }]
        })
    }]

    new ExtractTextPlugin({
        filename: "style.css"
    }),
}

构建成功，我的服务器启动。但是，当我在浏览器中运行它时，我收到以下erorr：

Uncaught TypeError: cssText.replace is not a function
    at extractStyleUrls (http://localhost:3000/vendor.bundle.js:32923:35)
    at http://localhost:3000/vendor.bundle.js:19549:136

最初我一直在试图让源图像工作，但事实证明这是一个真正的痛苦，但我使用上述配置的所有最新软件包版本进行了管理。原因是我可以使用resolve-url-loader进行相对文件导入，我怀疑这与此相关..跳转到堆栈跟踪我看到此调用失败的上面的注释：

/**
 * Rewrites stylesheets by resolving and removing the @import urls that
 * are either relative or don't have a `package:` scheme
 */

如果我现在添加url-loader，我会收到另一种错误：

Module build failed: ReferenceError: document is not defined

目前不知道该做什么......有没有人遇到过这些问题？如果您想了解更多信息，请与我们联系

Webpack SASS构建问题，一切编译好，然后我得到一个JS错误

0 个答案: