不用webpack-cli怎么打包
1、项目目录结构这是打包后的，所以有 dist 文件夹，打包方式：npm run build。webpack.config.js这里只是一小部分，因为这边最关键的就是 publicPath，下面会提，这边可以解决静态资源 404 无法引入的问题。
2、方式一：webpack配置 webpack安装参考：[安装 | webpack 中文网]。
3、通过vue-cli和webpack构建的项目体积一般都较大，在生产环境下，需要进行打包部署。
4、下面我就为大家分享一篇vue-cli webpack2项目打包优化，具有很好的参考价值，希望对大家有所帮助。
vue2.0怎样开发多页面
1、这次给大家带来怎样使用WebPack配置vue多页面，使用WebPack配置vue多页面的注意事项有哪些，下面就是实战案例，一起来看一下。WebPack虐我千百遍，我带她如初恋。
2、准备使用vue-cli生成一个你需要的单页面项目脚手架，然后我们就要开始我们的改装工程了。
3、多模块集成的 vue 项目，多项目共用一份配置，可以互相依赖，也可以独立打包部署。 所有操作只需要使用不同操作命令即可，如 npm run dev：proj1 或者 npm run dev：proj2 。
4、使用VUE搭建多页面应用，实现公司共享页面的需求。所有系统都在同一目录下，配置多入口多出口。各系统间可以链接，但是各系统内部依然采用SPA模式开发。将所有系统的公共组件和方法放在系统目录的最外层，以达到复用的目的。
vue.config.js更细粒度的配置webpack
1、x初始化项目后没有了build和config文件，如果你想对webpack相关内容进行配置，需要自己在根目录下(与package.json同级)创建一个vue.config.js文件，这个文件一旦存在，那么它会被 @vue/cli-service 自动加载。
2、一般来说使用者不需要再去知道weboack做了什么，所以没有暴露webpack的配置文件，我们可以手动去创建vue.config.js 去修改默认的webpack。注意，只能叫vue.config.js。
3、vue.config.js 通过这种方式引入的依赖库，不需要webpack处理，编译进文件中，在我们需要，使用它的时候可以通过CMD、AMD、或者window全局方式访问。
4、当然，封装、就一定会留个口给用户，去对底层进行自定义操作。vue.config.js的配置项中，有两个口，configureWebpack和chainWebpack。本文只简单介绍，chainWebpack的使用方式。
5、这次给大家带来怎样使用WebPack配置vue多页面，使用WebPack配置vue多页面的注意事项有哪些，下面就是实战案例，一起来看一下。WebPack虐我千百遍，我带她如初恋。
网站前端开发多页应用webpack吗?
1、前端使用art-template作为模板引擎，一个页面对应一个模板文件和一个入口文件，入口文件中可以通过import或require引入其他模块，这些模块webpack会自动跟入口文件合并为一个文件。
2、学习了webpack门级的教程后，觉得可能是专门为单页应用而量身打造的，比如webpack+react、webpack+vue等，都可以解决各种资源的依赖加载、打包的问题。甚至css都是打包在js里去动态添加到dom文档中的。
3、一个项目前台页面写差不多了，webpack几乎零配置，也算work起来了。现在需要编写后台管理界面，另起一个单独的项目，那是不存在的。
4、之前也写过webpack学习记录，项目中需要一个常用的webpack多页面配置，所以才动手，本着能写一行是一行的原则，开始了配置webpack之旅。
5、webpack是前端开发人员工具集的一个很好的补充，使用webpack，Web开发更快，更高效，更有趣。什么是模块捆绑器？在大多数编程语言中，我们可以将代码分成多个文件，并将这些文件导入到应用程序中，以使用其中包含的功能。
详解vue-cli与webpack结合如何处理静态资源
静态资源可以通过两种方式进行处理：在 JavaScript 被导入或在 template/CSS 中通过相对路径被引用。这类引用会被 webpack 处理。放置在 public 目录下或通过绝对路径被引用。
接着打开webpack.prod.conf.js这个文件在build文件夹中，添加 然后还是这个文件，找到plugins，在里面加入 注意着里面的地址，是生成静态化以后的目录，这里跟你的route地址是对应的。按照你的route来写。
首先，vue项目有两个地方可以存放静态资源。一个是assets文件夹，一个是static文件夹（地址栏输入static可以直接访问）。放到static里面webpack打包后只会把资源复制到发布目录而不会把小图片优化为base64。
Vue可以不用webpack做路由功能吗
vuejs 自定义了一种.vue文件，可以把html， css， js 写到一个文件中，从而实现了对一个组件的封装， 一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需要对该文件进行解析。
具体的项目创建这里就不说了，直接参考官方文档就够了： 安装 | Vue.js (vuejs.org)不得不说，vite 是真滴强，速度比起webpack 快了好几倍，用过就真的回不去了。
接下来我们开始实现我们的前端路由了。简易实现我们先运行 vue init webpack vue-router-demo 命令来初始化我们的项目（注意初始化的时候，不要选择使用 vue-router）。