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
Webpack 如何创建common.css文件并仅使用postss？_Webpack_Vue.js_Postcss - Fatal编程技术网
Fatal编程技术网
  • webpack/
  • Webpack 如何创建common.css文件并仅使用postss？

Webpack 如何创建common.css文件并仅使用postss？

webpack vue.js

Webpack 如何创建common.css文件并仅使用postss？,webpack,vue.js,postcss,Webpack,Vue.js,Postcss,这是我当前的网页配置- 正如你们所看到的，我做多页应用程序时遇到了一些问题 我想为每个页面编译两个文件：common.css（具有常用样式的css文件）和index.css（例如，索引页面具有单独样式的css文件）。我怎么能做到？我尝试了CommonChunks插件，但它只生成common.js文件，而不是css。现在我找到了一个解决方法，我只需在每个页面的条目js文件中直接导入main.css文件。但它也带来了另一个问题，如下所述 我想在没有任何预处理器的情况下使用POSTSS。可能吗？当我直

这是我当前的网页配置-

正如你们所看到的，我做多页应用程序时遇到了一些问题

  • 我想为每个页面编译两个文件：common.css（具有常用样式的css文件）和index.css（例如，索引页面具有单独样式的css文件）。我怎么能做到？我尝试了CommonChunks插件，但它只生成common.js文件，而不是css。现在我找到了一个解决方法，我只需在每个页面的条目js文件中直接导入main.css文件。但它也带来了另一个问题，如下所述

  • 我想在没有任何预处理器的情况下使用POSTSS。可能吗？当我直接在js文件中导入main.css时，postcss插件无法工作（代码无法编译），我测试了postcss嵌套插件，该插件在*.vue文件中运行良好。如何解决这个问题

    • 我被它卡住了。我希望你能帮忙。谢谢

    您是否尝试添加
    ！postss加载器
    在
    之后！css加载器
    
最终结果将是：
    

    loader: ExtractTextPlugin.extract('style-loader','css-loader!postcss-loader?sourceMap!sass-loader')

    

    您是否尝试添加
    ！postss加载器
    在
    之后！css加载器
    
最终结果将是：
    

    loader: ExtractTextPlugin.extract('style-loader','css-loader!postcss-loader?sourceMap!sass-loader')

    

    那么您的工作流将是
    many.css->one.css-（postsss）->processed.ccs
    ？然后你想发送它？那么你的工作流程将是
    many.css->one.css-（postsss）->processed.ccs
    ？然后你想把它运出去？