简体繁体 English

webpack sass-loader仅加载必要的.scss文件。

[英]webpack sass-loader load only neccessary .scss files.

原文 2015-09-21 22:19:20 5 1 sass/ reactjs/ webpack/ webpack-dev-server

Is it possible to only load the appropriate .scss files? 是否可以仅加载适当的.scss文件？ For some reason even though a react component isn't being used on a page the .scss file is still being included in my css. 由于某些原因，即使页面上未使用React组件，.scss文件仍包含在我的CSS中。

I am currently using ExtractTextPlugin since I also want sourcemaps to work. 我目前正在使用ExtractTextPlugin，因为我也希望源地图能够正常工作。

1 个解决方案

You could look into react-proxy-loader It will allow you to load components and their dependancies on demand. 您可以研究react-proxy-loader它将允许您按需加载组件及其相关性。

I'm assuming what is happening for you right now is all your code is being delivered as one or two bundles, so it makes since that some components that may not be in use (along with their required css) would still be included with the bundle. 我假设现在发生的事情是您的所有代码都以一捆或两捆的形式交付，因此这样做是因为某些未使用的组件（以及所需的CSS）仍将包含在其中。束。

Webpack 5 sass-loader 不编译嵌套的 scss 文件 - Webpack 5 sass-loader not compiling nested scss files

webpack 4 sass-loader 不生成 scss 源映射 - webpack 4 sass-loader not generating scss source maps

webpack sass-loader无法识别scss方法 - webpack sass-loader doesnt recognize scss method

如何配置sass-loader以仅从SCSS生成CSS - How to configure sass-loader to produce only CSS from SCSS

sass-loader 在 webpack 中很慢 - sass-loader is slow in webpack

图像不在生产版本中显示，仅在开发中显示（webpack/sass-loader） - Images not displaying on production build, only in dev (webpack/sass-loader)

webpack sass-loader 和 `MiniCssExtractPlugin.loader` 没有将 scss 文件编译成 css - webpack sass-loader and `MiniCssExtractPlugin.loader` did not compile scss file into css

带有 sass-loader 的 Webpack 文件加载器 - Webpack file-loader with sass-loader

反应：sass-loader 没有将 SCSS 转换为 CSS - React: sass-loader not transpiling SCSS into CSS

webpack（带有sass-loader）-scss文件@import无法识别解析别名 - webpack (with sass-loader) - scss file @import does not recognize resolve alias

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Webpack 5 sass-loader 不编译嵌套的 scss 文件 - Webpack 5 sass-loader not compiling nested scss files webpack 4 sass-loader 不生成 scss 源映射 - webpack 4 sass-loader not generating scss source maps webpack sass-loader无法识别scss方法 - webpack sass-loader doesnt recognize scss method 如何配置sass-loader以仅从SCSS生成CSS - How to configure sass-loader to produce only CSS from SCSS sass-loader 在 webpack 中很慢 - sass-loader is slow in webpack 图像不在生产版本中显示，仅在开发中显示（webpack/sass-loader） - Images not displaying on production build, only in dev (webpack/sass-loader) webpack sass-loader 和 `MiniCssExtractPlugin.loader` 没有将 scss 文件编译成 css - webpack sass-loader and `MiniCssExtractPlugin.loader` did not compile scss file into css 带有 sass-loader 的 Webpack 文件加载器 - Webpack file-loader with sass-loader 反应：sass-loader 没有将 SCSS 转换为 CSS - React: sass-loader not transpiling SCSS into CSS webpack（带有sass-loader）-scss文件@import无法识别解析别名 - webpack (with sass-loader) - scss file @import does not recognize resolve alias

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM