主页 / 问题 / 778765
Accepted
Randall
Asked:2020-02-01 21:58:34 +0000 UTC2020-02-01 21:58:34 +0000 UTC

如何在 webpack 中正确包含 CSS？

  • 772

大家好。我只是无法将 CSS 文件连接到 webpack。在第 10 行写了一个错误，但由于我不熟悉node.js，我很难弄清楚。npm

已经安装了style-loader。

style.css与我得到的错误位于同一目录中home.js

这是我的webpack.config.js

"use strict";

const webpack = require('webpack');

module.exports = {
    entry: "./home",
    output: {
        filename: "bundle.js"
    }
    module: {
      rules: [
        {
          test: /\.js$/,
          loader: 'babel-loader',
          exclude: /node_modules/
        },
        {
          test: /\.css$/,
          use: ['style-loader', 'css-loader']
        }
      ]
    }

}

还有home.js

import $ from 'jquery';
import css from './style.css';
css

1 个回答

  1. Best Answer

    output你有一个错误，你忘记了block 后面的逗号。带走：

    "use strict";

const webpack = require('webpack');

module.exports = {
    entry: "./home",
    output: {
        filename: "bundle.js"
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          loader: 'babel-loader',
          exclude: /node_modules/
        },
        {
          test: /\.css$/,
          use: ['style-loader', 'css-loader']
        }
      ]
    }
}
    • 2

相关问题