龙空技术网

vue-cli是什么?和 webpack是什么关系?

编程珠玑 1059

前言:

而今咱们对“vue与vuecli”可能比较关切,朋友们都需要了解一些“vue与vuecli”的相关文章。那么小编在网络上收集了一些有关“vue与vuecli””的相关知识,希望朋友们能喜欢,我们快快来学习一下吧!

作者:几度随逝水
链接:
来源:知乎

vue官方描述下,vue-cli是:

基于 webpack 构建,并带有合理的默认配置;

但是用vue-cli建立出来的项目根目录并没有webpack.config.js文件,也找不到相关引用。

其实vue-cli中的webpack有个默认配置,如下访问:

以一个文件的方式使用解析好的配置:
有些外部工具可能需要通过一个文件访问解析好的 webpack 配置,比如那些需要提供 webpack 配置路径的 IDE 或 CLI。在这种情况下你可以使用如下路径:
<projectRoot>/node_modules/@vue/cli-service/webpack.config.js
该文件会动态解析并输出 vue-cli-service 命令中使用的相同的 webpack 配置,包括那些来自插件甚至是你自定义的配置。

修改:
简单的配置方式

调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象:
// vue.config.js module.exports = { configureWebpack: { plugins: [ new MyAwesomeWebpackPlugin() ] } }
该对象将会被 webpack-merge 合并入最终的 webpack 配置。

标签: #vue与vuecli #vue与vuecli不同处