PurgeCSS删除第三方库css-Laravel Mix/TailwindCSS
我在一个使用自定义CSS以及一些第三方库的现有应用程序中安装了TailwindCSS和PurgeCSS。我将PurgeCSS配置为仅清除单个顺风文件,但由于某种原因,它会从第三方库中删除css选择器,可能我的配置错误: webpack.mix.jsPurgeCSS删除第三方库css-Laravel Mix/TailwindCSS,laravel,webpack,laravel-mix,postcss,tailwind-css,Laravel,Webpack,Laravel Mix,Postcss,Tailwind Css,我在一个使用自定义CSS以及一些第三方库的现有应用程序中安装了TailwindCSS和PurgeCSS。我将PurgeCSS配置为仅清除单个顺风文件,但由于某种原因,它会从第三方库中删除css选择器,可能我的配置错误: webpack.mix.js const mix = require("laravel-mix"); const purgeCss = require("@fullhuman/postcss-purgecss") const tailwindCss = re
const mix = require("laravel-mix");
const purgeCss = require("@fullhuman/postcss-purgecss")
const tailwindCss = require("tailwindcss")
mix.webpackConfig(require("./webpack.parts"));
// Don't want to purge anything under app.scss, it contains custom css &
// current app related stuff
mix.sass("resources/sass/app.scss", "public/css").version();
// I simply want to add tailwind so I can use it in addition to whatever
// css the app currently uses
mix.postCss("resources/sass/tailwind.pcss", "public/css", [
tailwindCss,
...process.env.NODE_ENV === "production" ? [purgeCss(
{
content: [
"./resources/**/*.js",
"./resources/**/*.blade.php",
],
css: [
"./public/css/tailwind.css"
]
}
)] : []
])
尝试将css
路径从/public/css/tailwind.css
更改为/resources/sass/tailwind.pcss
,但没有帮助
编辑:
似乎我必须从app.scss
中删除一些依赖项导入才能使其正常工作,但我不确定原因:
在mix.sass(app.scss)
我不能复制你的错误,这段代码对我来说非常适合
const mix=require('laravel-mix');
const purgecss=require(“@fullhuman/postss purgecss”)({
内容:[
'resources/***.blade.php',
],
defaultExtractor:content=>content.match(/[\w-/:]+(?这是做什么的mix.webpackConfig(需要(“./webpack.parts”));
?@AndySong它创建别名以便我可以更轻松地导入文件,例如,我可以使用path.resolve
来执行@components/foo.js
,而不是执行。/../../components/foo.js
,奇怪的是,它似乎从我的app.scss中删除了与引导相关的类,因为app.scss已经为引导进行了导入
mix.styles(
[
"./node_modules/datatables.net-bs4/css/dataTables.bootstrap4.css",
"./node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.standalone.css",
"./node_modules/animate.css/animate.css",
"./node_modules/react-datepicker/dist/react-datepicker.css",
],
"public/css/vendors.css"
).version()