Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/python-2.7/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
PurgeCSS删除第三方库css-Laravel Mix/TailwindCSS_Laravel_Webpack_Laravel Mix_Postcss_Tailwind Css - Fatal编程技术网

PurgeCSS删除第三方库css-Laravel Mix/TailwindCSS

PurgeCSS删除第三方库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

我在一个使用自定义CSS以及一些第三方库的现有应用程序中安装了TailwindCSS和PurgeCSS。我将PurgeCSS配置为仅清除单个顺风文件,但由于某种原因,它会从第三方库中删除css选择器,可能我的配置错误:

webpack.mix.js

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()