javascript - webpack 只导入变量值

Question

我正在编译需要来自 package.json 的版本值的代码:

import {version} from '../package.json';
export default {version};

当我查看 webpack 输出的 .js 文件时，我看到了整个 package.json!

我怎样才能避免这种情况？

我的设置是:

plugins: [
    new webpack.DefinePlugin({
        'process.env.NODE_ENV': '"production"'
    }),
    new webpack.optimize.UglifyJsPlugin({
        compress: {
            warnings: false
        }
    }),
    new CompressionPlugin({
        asset: '[path].gz[query]',
        algorithm: 'gzip',
        test: /\.(js|css)$/,
        threshold: 10240,
        minRatio: 0.8
    }),
]

我的 webpack 版本是 3.8.1

Answer 1

我通常做的是利用DefinePlugin

// webpack.config.js
// getting the version
const package = require("./package.json");
const version = package.version;

plugins: [
    new webpack.DefinePlugin({
        'process.env.NODE_ENV': '"production"',
        'process.env.VERSION': version,
    }),
    new webpack.optimize.UglifyJsPlugin({
        compress: {
            warnings: false
        }
    }),
    new CompressionPlugin({
        asset: '[path].gz[query]',
        algorithm: 'gzip',
        test: /\.(js|css)$/,
        threshold: 10240,
        minRatio: 0.8
    }),
]

现在在您的代码中，您所要做的就是使用 process.env.VERSION，它将输出您的包版本。

希望对你有帮助