javascript - 从 Node.js 将参数传递给 Webpack

标签 javascript node.js webpack

我正在尝试使用 Webpack 构建应用程序的缩小版和未缩小版(jscss)。
这可以通过命令行界面使用 -p--optimize-minimize 开关轻松完成:

webpack
webpack -p

但是,我想仅使用一个命令来执行这些操作,因此我决定编写一个小型 Node.js 脚本来运行这两个 Webpack 构建:

var webpack = require('webpack');
var config = require('./webpack.config');
webpack(config, callback); // Build unminified version

所以问题是:我可以将上述 -p 参数从 Node.js 脚本传递给 Webpack 以构建缩小版本吗?或者也许有更简单的方法来解决我的特定问题?

当然,我可以使用child_process.exec() ,但我不认为这是真正的 Node.js 方式。

最佳答案

创建默认配置以 webpack 未缩小的版本。使用该配置运行 webpack。从代码中更改配置并再次运行 webpack。这是一个代码示例。

var webpack = require('webpack');
//assuming the config looks like this.

var config = {
    entry: "./entry.js",
    output: {
        devtoolLineToLine: true,
        sourceMapFilename: "./bundle.js.map",
        pathinfo: true,
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: "style!css" }
        ]
    },
    plugins: []
};

webpack(config).run(); // Build unminified version

config.output.filename = 'bundle.min.js'
config.plugins = [ 
        new webpack.optimize.UglifyJsPlugin({
            include: /\.min\.js$/,
            minimize: true
        })];


webpack(config).run(); // Build minified version

关于javascript - 从 Node.js 将参数传递给 Webpack,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39087634/

相关文章:

javascript - 无法获取未定义或空引用的属性 'subscribe'

javascript - 链接到 CSS 文件的 URL 错误

node.js - Azure Functions 保持 HTTP 连接处于事件状态

JavaScript - 导入后(webmix)未捕获的 ReferenceError : getJobData is not defined error

javascript - Angular2 选择不起作用

javascript - JS AJAX typeahead 结果排序/竞争条件

javascript - 如何与具有这样 id 的元素交互 : "inputText115:3551;a" using Selnium + webdriverIO + nodeJS

node.js - Redis 数据丢失

javascript - 运行 gulpserve 或 build 时加载器的 Webpack 配置问题

javascript - 如何为 React/Javascript 单页应用程序提供服务