Location of webpack config file in vue-cli webpack project?

webpack vuejs2 vue-cli
Ragas picture Ragas · Nov 30, 2017 · Viewed 10.7k times · Source

I used cli to create a vue.js project. I used the webpack template for it. I have been working on it for a few days and it working smoothly.

Now I need to add a npm package to the project. This package recommends I make some changes to webpack config. But there is not webpack.config.js file at the root of my project. Where is the webpack config file. Do i need to run a command to publish it like in some frameworks.

Answer

Vamsi Krishna picture Vamsi Krishna · Nov 30, 2017

The webpack-simple template has the webpack-config.js file directly in root of your project folder.

Looks like you are using webpack template. To make changes to the webpack config goto the build folder.

There you will find 3 files related to the webpack config;

  1. webpack.base.conf.js
  2. webpack.dev.conf.js
  3. webpack.prod.conf.js

You can make the change your package requires in the webpack.base.conf.js file or in webpack.dev.conf.js if the change is for development time config or in webpack.prod.conf.js if its for production build config

Related questions

Vue CLI - include image from assets folder in static file

Is it possible to include an image, which is in assets/ foder, in some static .scss file, as a background-image? I have a _buttons.scss partial and some buttons have an icon, which I'd like to add as a background-image. …

Read More
How to create multiple vue apps in same folder

I am working on a project which has different vuejs app instances like. main-project > app1 > src > build -- main.js -- App.vue -- package.json > app2 > src > build -- main.js -- App.…

Read More
Path to static assets in vue.js application

I am developing a single page application based on the vue-cli webpack template. Since we have to use static assets as well, we need to reference them in our stylesheet. The official documentation recommends to use an absolute path like …

Read More