Question

当我使用webpack-cli init创建新的Webpack配置时，它会生成文件webpack.prod.js或webpack.dev.js，具体取决于是否回答问题哪个模块将是第一个进入的模块应用程序？ [默认值：./ src / index]

如何自定义生成的配置文件的文件名？例如webpack.config.dev.js

Answer 1

webpack.config.js的默认名称是webpack.config.js，但是您也可以在此对象中设置它的名称，就像这样。

Webpack Scaffold Part 1

您还可以通过查询创建3种配置，最后由您决定。默认入口是index.js，但是您也可以在提示中对其进行影响。

prompting() {

    return this.prompt(
        [
            List( 'confirm', 'Welcome to the tnado Scaffold! Are you ready?', ['Yes', 'No', 'tnado'] ),
            Input( 'entry', 'What is the entry point in your app?' )
        ]
    ).then( answer => {

        // Build a configuration if the user chooses tnado. (custom config)
        if ( answer['confirm'] === 'tnado' ) {

            // Insert in config

            // Common
            this.options.env.configuration.config.webpackOptions = createCommonConfig( answer );
            this.options.env.configuration.config.topScope = [
                'const path = require("path")',
                'const webpack = require("webpack")'
            ];

Check Webpack Scaffolding

您也可以在webpackOptions中更改webpack.config.js名称，因为您尚未发布任何代码，我认为到目前为止，您已经使用yeoman生成器扩展了一个类。

const Generator = require( 'yeoman-generator' );
module.exports = class WebpackGenerator extends Generator {

Name your webpack config something special

如您所见，影响名称的方法有很多；）

如何使用webpack-cli init指定webpack配置文件的名称？

1 个答案: