gpt4 book ai didi

npm - 使用 NPM 将 CSS 文件合并为单个文件

转载 作者:行者123 更新时间:2023-12-03 22:31:12 36 4
gpt4 key购买 nike

我的项目中有几个 css 文件。我想将它们组合成一个 仅通过 NPM (没有吞咽或咕哝声)。

我听说过 ccs-merge 和其他节点模块,但没有看到任何实际示例。
实现它的最好和最简单的方法是什么?

已编辑:

这是我的项目结构:

Client/
├──js/
|──component1
├──one.css
├──one.js
|──component2
├──two.css
├──two.js
├──output/
└──package.json

我想将我所有的 CSS 文件直接从 NPM 脚本合并到一个文件中。
这是我当前的 package.json
"scripts": {
"start": "watchify -o Client/js/bundle.js -v -d Client/js/app.jsx",
"build": "browserify . -t [envify --NODE_ENV production] | uglifyjs -cm > Client/js/bundle.min.js",
"concat-css": "css-concat Client/js/*.css > Client/js/styles.css"
},

concat-css 命令不起作用。 “失败......'css-concat......'

最佳答案

这是我能想到的最简单的例子。给定以下项目结构和文件:

project/
├──css/
| ├──one.css
| └──two.css
├──output/
└──package.json

项目/css/one.css :
.one {
color: red;
}

项目/css/two.css :
.two {
text-align: center;
}

项目/package.json :
{
"name": "project",
"version": "1.0.0",
"scripts": {
"concat-css": "cat css/* > output/all.css"
}
}

您可以在终端中运行它:
$ npm run concat-css

> project@1.0.0 concat-css /path/to/project
> cat css/* > output/all.css

结果是 项目/输出/all.css :
.one {
color: red;
}
.two {
text-align: center;
}

这显然过于简单化了,但它应该展示这个概念。您可以通过 npm run scripts 将多个 shell 命令连接在一起。 ,您甚至可以从其他运行脚本中调用运行脚本。

Here's a very good article about this topic by Keith Cirkel (不需要咕哝或吞咽。)

关于npm - 使用 NPM 将 CSS 文件合并为单个文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35324055/

36 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com