为什么webpack会回复错误ReferenceError:文档没有定义?

时间:2016-11-09 09:33:14

标签: javascript sass webpack

错误的文字

  ERROR in ./static/main.sass
  Module build failed: ModuleBuildError: Module build failed:ReferenceError: document is not defined

ERROR in ./~/css-loader!./~/resolve-url/resolve-url.js!./~/sass-loader?sourceMap!./static/main.sass
Module build failed: ReferenceError: document is not defined
    at Object.resolveUrl (/home/andrew/Test/node_modules/resolve-url/resolve-url.js:21:25)

webpack.config.js

    webpack = require('webpack');
    path = require('path');
    var ExtractTextPlugin = require('extract-text-webpack-plugin');
    webpackConfig = {
context: __dirname,
entry: {
    bundle: './static/app.js',
    styles: './static/main.sass'
},
output: {
    filename: '[name].js',
    path: './static/build'
},
resolve: {
    extensions: ['', '.js', '.jsx']
},
devtool: '#cheap-module-source-map',
module: {
    loaders: [
        {
            test: /\.jsx?$/,
            exclude: [/node_modules/],
            loader: "babel-loader",
            query: {
                presets: ['es2015', 'react', 'stage-0', 'stage-1']
            }
        },
        {
            test: /\.sass$/,
            loader: ExtractTextPlugin.extract( 'css-loader!resolve-url!sass-loader?sourceMap')
        },
        {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
        },
        {
            test: /\.woff2?$|\.ttf$|\.eot$|\.svg$|\.png|\.jpe?g|\.gif$/,
            loader: 'file-loader'
        }
    ]
},
plugins: [
    new ExtractTextPlugin('styles.css', {
        allChunks: true
    })
]};
   module.exports = webpackConfig;

我认为可能没有一些装载机,但不是这样。 除了app.js也没有在bundle.js中编译,但它没有给出错误。也许在进入时有一些错误,但我不知道。

1 个答案:

答案 0 :(得分:0)

您需要在app.jsrequireimport)中包含SCSS文件,并且只将您的app.js文件作为Webpack的条目传递,而不是传递2文件作为条目。