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
180.29KB
文件大小:
评论区