Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 输出css文件而不是内联_Node.js_Webpack - Fatal编程技术网

Node.js 输出css文件而不是内联

Node.js 输出css文件而不是内联,node.js,webpack,Node.js,Webpack,如何将css文件输出为file.css,而不是在javascript中内联。我的配置如下所示 { test: /\.less$/, loader: "style-loader!css-loader!less-loader" } 我试过了 “文件加载器!css加载器!更少加载器”//但文件内容不是css您必须使用。您可以为整个包创建一个css文件,也可以为每个块创建一个css文件。例如,如果您希望将包中的所有CSS移动到一个单

如何将css文件输出为file.css,而不是在javascript中内联。我的配置如下所示

 {
                test: /\.less$/,
                loader: "style-loader!css-loader!less-loader" 
 }
我试过了 “文件加载器!css加载器!更少加载器”//但文件内容不是css

您必须使用。您可以为整个包创建一个css文件,也可以为每个块创建一个css文件。例如,如果您希望将包中的所有CSS移动到一个单独的文件中,您可以将其添加到图形中

module.exports = {
    loaders: [
            // Extract css files
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            },
            // Optionally extract less files
            // or any other compile-to-css language
            {
                test: /\.less$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
            }
        ],
    plugins: [
        new ExtractTextPlugin("[name].css", {
            allChunks: true
        })
    ]
}

请参阅以获取更多参考

是否有任何方法可以同时从css和less文件中压缩输出?是的,只需使用一个文件名
new ExtractTextPlugin('assets/style.css')
这需要您将自己的文件插入样式表,还是可以将其插入?