将多个SASS文件合并为一个SASS文件

2 回答

• 0

  我通过掩码分析所有文件，找到里面的所有导入并连接成一个文件 . 所以我不需要一个切入点

  npm install -D bundle-scss
  
  "script": {
    "postbuild": "npm run themes",
    "themes": "bundle-scss -m \"./src/**/*.theme.scss\" -d \"./dist/themes.scss\""
  }
  

  回复于 2024-04-27T01:51:59+08:00
• 0

  你可以修改这个javascript . 把它保存在打字稿中，因为我目前正在自己解决这个问题（角度6库），并遇到了这个问题 .

  根据文档，角度材料使用此实现 .

  import * as path from 'path';
  import { Bundler } from 'scss-bundle';
  import * as fs from 'fs';
  
  (async () => {
    // Absolute project directory path.
    // Assuming all of your scss files are in `./projects/my-library/src/styles`
    const projectDirectory = path.resolve(__dirname, './projects/my-library/src/styles');
    const bundler = new Bundler(undefined, projectDirectory);
    // Relative file path to project directory path.
    // The name of your file here would be `app.scss`
    // Kept this here if anyone runs into this answer and wants to do this with the new angular 6 library.
    const { found, bundledContent } = await bundler.Bundle('./_all-theme.scss');
  
    if (found && bundledContent) {
      // where you want to save the file, and what you would like it to be called. 
      const location = path.resolve(__dirname, '_theming.scss');
      fs.writeFileSync(location, bundledContent);
    }
  })();
  

  回复于 2024-04-27T01:51:59+08:00