@zwezew

Почему Webpack не всегда подгружает css через require?

В Js файле использую такой код

require('ion-rangeslider');
require('ion-rangeslider/css/ion.rangeSlider.css');


На сервере css работает, при сборке не всегда. Почему Webpack не всегда подгружает css через require?

Настройки для сборки / разработки
module.exports = function(env) {
	process.env.mode = env;
    if (env === 'production') {
		return merge([
			common,
			extractCSS(),
			uglifyJS,
		]);
	} else if (env === 'development') {
        return merge([
            common,
            devserver(),						
			sass(),
			css(),
        ]);
    }
};


Конфиг css loader
spoiler
module.exports = function(paths) {
    return {
        module: {
            rules: [
                {
                    test: /\.css$/,
                    include: paths,
                    use: ['style-loader','css-loader','postcss-loader']
                }
            ]
        }
    };
};



css extract
spoiler
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = function(paths) {
    return {
        module: {
            rules: [
                {
                    test: /\.scss$/,
                    include: paths,
                    use: ExtractTextPlugin.extract({
                        publicPath: '../../',
                        fallback: 'style-loader',
						use: [{
                            loader: 'css-loader',
                            options: { importLoaders: 1 },
                        },
                        'postcss-loader','sass-loader'],
                    }),
                },
                {
                    test: /\.css$/,
                    include: paths,
                    use: ExtractTextPlugin.extract({
						publicPath: '../../',
                        fallback: 'style-loader',
						use: [{
                            loader: 'css-loader',
                            options: { importLoaders: 1 },
                        },
                        'postcss-loader'],
                    }),
                },
            ],
        },
        plugins: [
			new ExtractTextPlugin('assets/css/main.css'),
        ],
    };
};
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы