Как правильно подключить CSS в webpack?

222
02 февраля 2018, 19:58

Всем привет.Никак не могу подключить 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';
Answer 1

Очепятка у вас, после блока output забыли запятую. Забирай:

"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']
        }
      ]
    }
}
READ ALSO
WordPress - не применяются стили

WordPress - не применяются стили

Создал функцию в functionsphp:

216
Как правильно скрыть часть изображения?

Как правильно скрыть часть изображения?

Имеется изображение в формате <img src="/">, как скрыть обрезать угол изображения?

265
Сложный запрос в mysql

Сложный запрос в mysql

Есть таблица с именами, у каждого имени может быть нескользо пунктов, которые находятся во второй таблице, и есть третья таблица которая их связывает,...

277
None и Null MySQL Python

None и Null MySQL Python

Нужно взять данные с сайта и занести в базу MySQLTrue и False в БД храню типом TinyInt(1)

378