Webpack中的sass-to-string:将SCSS文件转换为JavaScript字符串

sass-to-string 是一种工具,它允许Web应用程序将SCSS文件用作JavaScript字符串,以便在模板中直接插入样式表。

它提供两种使用方式:

  • Webpack加载器: 将SCSS文件转换为本地JavaScript字符串
  • sass-to-string命令: 在构建时将SCSS文件转换为本地JavaScript字符串

安装

通过您喜欢的包管理器安装sass-to-string:

npm install sass-to-string --save-dev
yarn install sass-to-string -D

Webpack加载器用法

在webpack.config.js中添加以下规则:

module.exports = {
  module: {
    rules: [
      {
        test: /.scss$/,
        use: ['style-loader', 'css-loader', 'sass-loader'],
      },
    ],
  },
};

sass-to-string命令用法

sass-to-string -i input.scss -o output.js
zip 文件大小:180.29KB