为什么 webpack 会返回错误 ReferenceError: document is not defined？答案

【问题标题】：Why webpack gives back the mistake ReferenceError: document is not defined?为什么 webpack 会返回错误 ReferenceError: document is not defined？
【发布时间】：2016-11-09 09:33:13
【问题描述】：

错误的文字

  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 中编译，但它不会出错。也许输入有错误，但我不知道。

【问题讨论】：

标签： javascript sass webpack

【解决方案1】：

您需要将 SCSS 文件包含在您的 app.js（require 或 import）中，并且只将您的 app.js 文件作为 Webpack 的入口传递，而不是将 2 个文件作为入口传递。

【讨论】：