在Webpack 2中创建css-file

Question

我正在做一个webpack-config，我想把我的sass文件作为.css文件导出到"static/css"，就像我对js所做的那样。我不能让它工作。我的webpack是这样的：

const path = require('path')
const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const isProd = process.env.NODE_ENV === 'production'
const config = {
devtool: '#eval-source-map',
entry: './src/js/index.js',
output: {
    filename: isProd ? '[name].[chunkhash].js' : '[name].js',
    path: path.resolve(__dirname, 'static/js')
},
module: {
    rules: [{
        test: /\.js$/,
        loader: 'buble-loader',
        exclude: /node_modules/,
        options: {
            objectAssign: 'Object.assign'
        }
    }, 
    {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract(['css-loader', 'sass-
        loader'])
    }]
}
}

if (isProd) {
    config.devtool = '#source-map'
    config.plugins.push(
        new webpack.LoaderOptionsPlugin({
            minimize: true
        }),
        new webpack.optimize.UglifyJsPlugin({
            sourceMap: true
        })
    )
}

module.exports = config

Answer 1

你可以看看它，我想它会对https://devforgalaxy.github.io/en/2017/11/09/webpack-complie-scss-into-css-en.html有帮助

用于捆绑js https://medium.com/@andrejsabrickis/modern-approach-of-javascript-bundling-with-webpack-3b7b3e5f4e7