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

bCl*_*iks 3 webpack vue.js vuejs2 vue-cli-3

webpack.config.js文件中,我们可以如下设置条目文件。

    module.exports = (env = {}, argv = {}) => {
        const config = {
            entry: {
                main: './src/js/main.js'                    
            },
        }
    }
Run Code Online (Sandbox Code Playgroud)

但是在vue.config.js文件中,如何声明入口文件?我已经签入了doc。但是有这样的财产。

Dig*_*ter 7

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')
}
Run Code Online (Sandbox Code Playgroud)

请参阅有关config entryPoints的部分。

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