使用Laravel Mix将CSS和HTML文件缩小到同一位置

我在这些位置有两个文件，一个CSS和一个HTML：

resources/js/example/file.css
resources/js/example/file.html

我想用Laravel Mix（网页包）做的是

• 将CSS文件缩小到同一目录中的

  file.min.CSS

• 将HTML文件缩小到同一目录中的

  file.min.HTML

我试过：

mix.postCss('resources/js/example/file.css', 'resources/js/example/file.min.css', [
    require('cssnano')
]);

---

但是这会在

public/js/example/file.min.CSS

中创建CSS文件，我不确定您为什么不希望编译后的文件位于公共目录中。无论如何，您可以使用

mix.setPublicPath（）

更改输出目录。这将告诉Mix您想要的基本目录，您的所有资产都应该编译到该目录

webpack.mix.js

const mix = require('laravel-mix');

mix.setPublicPath('');
mix.postCss('resources/js/example/file.css', 'resources/js/example/file.min.css', []);

如果你想混合和缩小HTML文件，你可以安装这个插件

npm install minify-html-webpack-plugin --save-dev

然后添加到你的网页

const MinifyHtmlWebpackPlugin = require('minify-html-webpack-plugin');
const mix = require('laravel-mix');

mix.setPublicPath('');
mix.postCss('resources/js/example/file.css', 'resources/js/example/file.min.css', []);
mix.webpackConfig({
    plugins: [
        new MinifyHtmlWebpackPlugin({
            afterBuild: true,
            src: './resources/js/example',
            dest: './resources/js/example',
            ignoreFileNameRegex: /\.(gitignore|php)$/,
            ignoreFileContentsRegex: /(<\?xml version)|(mail::message)/,
            rules: {
                collapseBooleanAttributes: true,
                collapseWhitespace: true,
                removeAttributeQuotes: true,
                removeComments: true,
                minifyJS: true,
            }
        })
    ]
});

const MinifyHtmlWebpackPlugin=require（'minify-html-webpack-plugin'）；
const mix=require（'laravel-mix'）；
mix.setPublicPath（“”）；
mix.postsss（'resources/js/example/file.css'，'resources/js/example/file.min.css'，[]）；
mix.webpackConfig({
插件：[
新MinifyHtmlWebpackPlugin({
后建：是的，
src:“./resources/js/example”，
dest:“./resources/js/example”，
ignoreFileNameRegex://\（gitignore | php）$/，
ignoreFileContentsRegex:/（我不确定您为什么不希望已编译的文件位于公共目录中。无论如何，您可以使用
mix.setPublicPath（）
更改输出目录。这将告诉mix您希望将所有资产编译到的基本目录

webpack.mix.js

const mix = require('laravel-mix');

mix.setPublicPath('');
mix.postCss('resources/js/example/file.css', 'resources/js/example/file.min.css', []);

如果你想混合和缩小HTML文件，你可以安装这个插件

npm install minify-html-webpack-plugin --save-dev

然后添加到你的网页

const MinifyHtmlWebpackPlugin = require('minify-html-webpack-plugin');
const mix = require('laravel-mix');

mix.setPublicPath('');
mix.postCss('resources/js/example/file.css', 'resources/js/example/file.min.css', []);
mix.webpackConfig({
    plugins: [
        new MinifyHtmlWebpackPlugin({
            afterBuild: true,
            src: './resources/js/example',
            dest: './resources/js/example',
            ignoreFileNameRegex: /\.(gitignore|php)$/,
            ignoreFileContentsRegex: /(<\?xml version)|(mail::message)/,
            rules: {
                collapseBooleanAttributes: true,
                collapseWhitespace: true,
                removeAttributeQuotes: true,
                removeComments: true,
                minifyJS: true,
            }
        })
    ]
});

const MinifyHtmlWebpackPlugin=require（'minify-html-webpack-plugin'）；
const mix=require（'laravel-mix'）；
mix.setPublicPath（“”）；
mix.postsss（'resources/js/example/file.css'，'resources/js/example/file.min.css'，[]）；
mix.webpackConfig({
插件：[
新MinifyHtmlWebpackPlugin({
后建：是的，
src:“./resources/js/example”，
dest:“./resources/js/example”，
ignoreFileNameRegex://\（gitignore | php）$/，
ignoreFileContentsRegex：/(