javascript - webpack的extract-text-webpack-plugin写法?
怪我咯
怪我咯 2017-04-11 10:57:26
[JavaScript讨论组]
loaders: [
    {
        test: /\.less$/,
        loader: ExtractTextPlugin.extract({
            loader: [
                {
                    loader: 'css-loader',
                    query: {
                        modules: true
                    }
                },
                'less-loader'
            ]
        })
    }
]

报错

Cannot resolve module '[object Object]'

想使用query要怎么写?
直接写,知道是这样。

loader: ExtractTextPlugin.extract("style", "css?modules!less")

谢谢

写了个小demo

webpack.config.js

var path = require('path');

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

module.exports = {
    devtool: 'source-map',
    entry: {
        entry: path.join(__dirname, 'a.js'),
    },
    output: {
        filename: 'b.js',
    },
    module:{
        loaders: [
            {            
                test: /\.css$/,
                // 下面是行的,下下面是不行的
                // loader: ExtractTextPlugin.extract('css?modules'),
                loader: ExtractTextPlugin.extract({
                    fallbackLoader: "style-loader",
                    loader: { 
                        loader: "css-loader", 
                        query: {
                            sourceMap: true
                        } 
                    }
                })
            }
        ]
    },
    plugins: [
        new ExtractTextPlugin('[name].css'),
    ],
}

a.js

require('./a.css');

console.log('a');

a.css

.test {
  background: red;
}
.test .a {
  color: red;
}
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号