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 将SCS编译为具有保存位置的独立路径_Webpack_Webpack Style Loader - Fatal编程技术网
Fatal编程技术网
  • webpack/
  • Webpack 将SCS编译为具有保存位置的独立路径

Webpack 将SCS编译为具有保存位置的独立路径

webpack

Webpack 将SCS编译为具有保存位置的独立路径,webpack,webpack-style-loader,Webpack,Webpack Style Loader,我想用Webpack解决一个简单的任务。我只想把我的.SCSS文件编译成.CSS，并用保存路径和名称保存它们 例如： 我在/component/subcomponent中，我确实需要（'./first style.scss'） 我在/module/component中，我再次需要（'./second style.scss'） 我想编译scss->css，然后把它们放到 /public/styles/component/subcomponent/first style.css和 /public/s

我想用Webpack解决一个简单的任务。我只想把我的.SCSS文件编译成.CSS，并用保存路径和名称保存它们

例如：

  • 我在
    /component/subcomponent
    中，我确实需要（'./first style.scss'）

  • 我在
    /module/component
    中，我再次需要（'./second style.scss'）

    • 我想编译scss->css，然后把它们放到 
    /public/styles/component/subcomponent/first style.css
    和 
    /public/styles/module/component/second style.css

    和require应返回带有新路径的字符串
    /public/styles/component/subcomponent/first style.css

    我只为简单的css（不是SCS）解决了这个任务，它看起来像

    但我找不到方法为SCS重复它。谁能帮助我？

    如果CSS规则已经生效，只需将
    sass加载器添加到加载器字符串：
    loader:'file？name=styles/[2].[hash].[ext]®Exp=src/（.*）/app/（.*）.CSS！autoprefixer loader？浏览器=最后2个版本！sass加载程序“
    ”并将.scss添加到您的正则表达式测试中：
    test:/\.css$\.scss$/，
    如果css规则已经起作用，只需将
    sass加载器添加到加载器字符串中：
    loader:'file？name=styles/[2].[hash].[ext]®Exp=src/（.*）/app/（.*）.css！autoprefixer loader？浏览器=最后2个版本！sass加载程序“
    ”并将.scss添加到您的正则表达式测试中：
    test:/\.css$\.scss$/，