【文件属性】：
文件名称：angular-with-material-postcss-tailwindcss:如何将PostCSS和TailwindCSS集成到Angular 9和Angular材质组件中的示例
文件大小：137KB
文件格式：ZIP
更新时间：2021-04-03 07:24:51
TypeScript
如何将PostCSS和TailwindCSS集成到Angular 9和Angular材质组件中。
第0部分：初始化Angular CLI项目。
为确保从空白开始，我们将使用CLI生成一个全新的项目。 注意，我们将通过绕过交互来为新项目使用默认配置选项。
npx @angular/cli new angular-with-material-postcss-tailwindcss --interactive=false
cd angular-with-material-postcss-tailwindcss
完成此操作后，您应该得到一个看起来像默认项目。
第1部分：将PostCSS和TailwindCSS集成到Angular CLI项目中。
设置一个TailwindCSS测试。
首先，我想设置一个测试来确认顺风运转。 将src/app/app.component.html的内容设置为以
【文件预览】：
angular-with-material-postcss-tailwindcss-master
----browserslist(429B)
----tsconfig.app.json(210B)
----custom-webpack.config.ts(263B)
----package.json(1KB)
----tslint.json(2KB)
----tsconfig.spec.json(270B)
----angular.json(4KB)
----package-lock.json(495KB)
----src()
--------test.ts(753B)
--------assets()
--------index.html(323B)
--------app()
--------main.ts(372B)
--------styles.css(59B)
--------polyfills.ts(3KB)
--------environments()
--------favicon.ico(948B)
----tsconfig.json(543B)
----e2e()
--------protractor.conf.js(808B)
--------src()
--------tsconfig.json(214B)
----.gitignore(631B)
----tailwind.config.js(84B)
----karma.conf.js(1KB)
----README.md(4KB)
----.editorconfig(246B)
----postcss.config.js(94B)