Entry point - webpack.config.js vs vue.config.js

Question

In the webpack.config.js file we can set entry file as below.

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

But in vue.config.js file, how to declare the entry file? I have checked in doc. but there is property such that.

Brian Lee · Accepted Answer · 2018-10-12 06:59:00Z

13

Vue CLI 3 integrates the webpack-chain library as another way of configuring webpack.

For example, your config file may look like:

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

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

See the section on config entryPoints.

answered Oct 12, 2018 at 6:59

Brian Lee

18.3k3 gold badges45 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

bCliks Over a year ago

thank u. Can we change the output file name? I have changed output directory name by using outputDir. Want to change output file name. Is there any way to change?

Brian Lee Over a year ago

You would use config.output.path('dist').filename('[name].bundle.js'); to change the output file name.

kouts · Accepted Answer · 2022-10-02 17:51:49Z

1

For vue-cli 4 it's:

chainWebpack: (config) => {
  // Clear the existing entry point
  config.entry('app').clear()

  // Add the custom entry point
  config.entry('app').add('./src/js/main.js')
}

answered Oct 2, 2022 at 17:51

kouts

3601 gold badge4 silver badges9 bronze badges

Collectives™ on Stack Overflow

Entry point - webpack.config.js vs vue.config.js

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related