0

私の webpack セットアップは外部 css ファイルを生成しません。ただし、.js は問題なくバンドルされます。ExtractTextPlugin を使用していますが、まだ機能していません。エラーは生成されません。どんな助けでも大歓迎です！:-)

これが私のwebpack.config.jsです

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

module.exports = {

    entry: './client/app/root.js',

    output: {
        path: path.resolve('./client/dist'),
        filename: 'bundle.js'
    },

    devtool: 'source-map',
    watch: true,

    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['react', 'es2015', 'stage-0']
                }
            },
            {
                test: /\.css$/,
                exclude: /node_modules/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            },
            {
                test: /\.less$/,
                exclude: /node_modules/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
            }
        ]
    },

    plugins: [
        new ExtractTextPlugin('styles.css')
    ]
};

Package.json 開発者の依存関係

  "devDependencies": {
    "babel-core": "6.0.20",
    "babel-eslint": "4.1.3",
    "babel-loader": "6.0.1",
    "babel-preset-es2015": "6.0.15",
    "babel-preset-react": "6.0.15",
    "babel-preset-stage-0": "6.0.15",
    "eslint-plugin-react": "3.6.2",
    "freezer-redux-devtools": "^1.1.0",
    "css-loader": "^0.15.5",
    "extract-text-webpack-plugin": "^0.8.2",
    "less": "^2.5.1",
    "less-loader": "^2.2.0",
    "redux-devtools": "^2.1.5",
    "style-loader": "^0.12.3",
    "webpack": "^1.9.10",
    "webpack-dev-server": "^1.14.0"
  }

フォルダ構造:

client
   --> app
   --> dist
   --> public
   --> styles
4

1 に答える 1

2

私はそれを考え出した。今すぐ動作します！:-) 次のように複数のエントリ ポイントをセットアップする必要がありました。

entry: [
    './client/app/root',
    './client/styles/styles.less'
],
于 2015-12-29T04:13:33.833 に答える