入口点 - webpack.config.js vs vue.config.js

Posted 2023-02-22

【中文标题】入口点 - webpack.config.js vs vue.config.js

【英文标题】：Entry point - webpack.config.js vs vue.config.js

【发布时间】：2019-03-17 06:42:08

【问题描述】：

在webpack.config.js文件中我们可以设置入口文件如下。

    module.exports = (env = , argv = ) => 
        const config = 
            entry: 
                main: './src/js/main.js'                    
            ,
        
    

但是在vue.config.js文件中，如何声明入口文件呢？我已签入doc。但是有这样的财产。

【参考方案1】：

Vue CLI 3 集成了 webpack-chain 库作为另一种配置 webpack 的方式。

例如，您的配置文件可能如下所示：

chainWebpack: config => 
  // clear the existing entry point
  config
    .entry('main')
      .clear()

  // add your custom entry point
  config
    .entry('main')
      .add('./src/js/main.js')

请参阅config entryPoints 部分。

【讨论】：

谢谢你。我们可以更改输出文件名吗？我使用outputDir 更改了输出目录名称。想要更改输出文件名。有什么办法改变吗？

您可以使用config.output.path('dist').filename('[name].bundle.js'); 更改输出文件名。