我使用npm
来处理我的依赖关系,但迄今为止,我主要用它来处理JavaScript代码,并且总是使用有用的require()
在我的代码中导入已安装的软件包。
最近我发现可以使用npm
安装normalize.css。
有哪些优点? 安装后如何在我的代码中使用它(静态的.html
和动态的.js
文件)?
Parcelify非常有用,可以帮助你完成这个任务。你可以与normalize.css一起使用。
JS:
require('normalize.css');
然后运行parcelify:
$ parcelify main.js -c bundle.css
package.json
中添加一个npm脚本,这样您就不必全局安装parcelify
来在项目中使用它:
package.json:
{
"name": "your-package",
"version": "0.0.0",
"description": "Your package",
"main": "main.js",
"scripts": {
"build": "parcelify main.js -c bundle.css"
}
}
然后只需执行:
$ npm run build
postcss-import
将非常有用,它可以通过简单的@import
规则导入本地和安装的依赖项。然后,PostCSS会为您处理内联适当的样式表。例如,要像问题中那样使用normalize.css:@import "normalize.css";
require
导入我的 CSS 文件,然后当传递给 Parcelify 时,它会将这些require
的文件输出到 bundle.css 中? - seldonrequire()
模块在它们的package.json
中有style
条目,它们就会被捆绑。 - zxqxparcelify
存储库中的测试以获取一些基本示例:https://github.com/rotundasoftware/parcelify/tree/master/test - zxqx