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

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 脚手架第 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")'
            ];

检查 Webpack 脚手架

您也可以在 webpackOptions 中更改 webpack.config.js 名称，因为您还没有发布任何代码，我假设您已经使用 yeoman 生成器扩展了一个类。

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

为你的 webpack 配置命名一些特别的东西

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