Question

我想用webpack + less创建单独的css文件。我有下一个webpack.config：

Redirect permanent / http://domain.com/page-x/

在app.js中我有这个：

var path = require('path');
var webpack = require("webpack");
var ExtractTextPlugin = require('extract-text-webpack-plugin');

var config = {
    entry: path.resolve(__dirname, 'src/js/app.js'),
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.(js|jsx)$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2015', 'react']
                }
            },
            {
                test: /\.less$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
            }
        ]
    },
    plugins : [
        new ExtractTextPlugin('css/bundle.css'),

        new webpack.optimize.UglifyJsPlugin({
            minimize: true,
            compress: { warnings: false }
        })
    ]
};

module.exports = config;

WebPack构建捆绑没有任何问题，一切都很好。 Webpack构建了两个文件：bundle.js和css / bundle.css 但我有一个问题 - 我的应用程序无法启动，在控制台中我有下一个错误：

import './style.less';
//...
//some code below

这可能是什么原因？我花了几个小时试图找到原因。我尝试过使用像＃34; import＆＃39;！css！less！。/ style.less＆＃39;;＆＃34;但在这种情况下，webPack尚未构建＆＃34; css / bundle.css＆＃34;

Webpack less - 应用程序无法启动

0 个答案: