Webpack Encore：选择性或部分版本控制

Question

我通常在 Webpack 中启用版本控制，但是有没有更有选择性的方法？

我需要保持一个或多个文件不受版本控制。
如果我可以同时拥有这些文件的版本化和非版本化版本，那就更好了。

我当前的配置：

let Encore = require('@symfony/webpack-encore');
let UglifyJsPlugin = require('uglifyjs-webpack-plugin');

Encore
    .setOutputPath('public/build/')
    .setPublicPath('/build')
    .addEntry('app', './assets/js/app.js')
    .enableSingleRuntimeChunk()
    .cleanupOutputBeforeBuild()
    .enableBuildNotifications()
    .enableSourceMaps(!Encore.isProduction())
    .enableSassLoader()
    .autoProvidejQuery()

    // I enable the versioning
    .enableVersioning(Encore.isProduction())

    // But i want an unversioned build of this file
    .addStyleEntry('blog_article', './assets/css/blog_article.scss')
;

const config = Encore.getWebpackConfig();
if(Encore.isProduction()) {
    config.plugins.push(new UglifyJsPlugin({
        uglifyOptions: {
            output: {
                comments: false
            }
        }
    }));
}

module.exports = [config];

当前输出：

• app.XXX.js（版本化）
• blog_article.XXX.css（版本化）

所需输出：

• app.XXX.js（版本化）
• blog_article.XXX.css（版本化）
• blog_article.css（未版本化）

Answer 1

一年过去了，这个问题可能已经解决了，但我也遇到了类似的问题。我需要从资产中的特定目录复制文件而不添加哈希。根据 Symfony webpack 文档 和 Webpack 文档，这是我的解决方案。

if (!Encore.isRuntimeEnvironmentConfigured()) {
    Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');
}

Encore
    // directory where compiled assets will be stored
    .setOutputPath('public_html/build/')
    // public path used by the web server to access the output path
    .setPublicPath('/build')
    .addEntry('app', './assets/app.js')
    .addLoader({
        test: /\.(png|woff|woff2|eot|ttf|svg)$/,
        type: 'asset/resource',
    })
    .splitEntryChunks()
    .enableSingleRuntimeChunk()
    .cleanupOutputBeforeBuild()
    .enableBuildNotifications()
    .enableSourceMaps(!Encore.isProduction())
    // enables hashed filenames (e.g. app.abc123.css)
    .enableVersioning(Encore.isProduction())
    // enables Sass/SCSS support
    .enableSassLoader(function(options) {
        // https://github.com/sass/node-sass#options
        options.sassOptions = {outputStyle: 'compressed'}
    })
    .enablePostCssLoader()
    // Copy files with hash
    .copyFiles({
        from: './assets/images',
        to: 'images/[path][name].[hash:8].[ext]'
    })
;

// build the second configuration
const mainConfig = Encore.getWebpackConfig();

// reset Encore to build the second config
Encore.reset();

Encore
    .setOutputPath('public_html/build_editor/')
    .setPublicPath('/build_editor')
    .enableSingleRuntimeChunk()
    .cleanupOutputBeforeBuild()
    .enableBuildNotifications()
    .enableSourceMaps(!Encore.isProduction())
    .enableVersioning(false)
    // copy files without hash
    .copyFiles({
        from: './assets/editor_images',
        to: 'images/[path][name].[ext]'
    })

const editorAssetsConfig = Encore.getWebpackConfig();
editorAssetsConfig.name = 'editorAssetsConfig';

module.exports = [mainConfig, editorAssetsConfig];