naihe138 / Nvue
master分支:webpack4实现一个vue的打包的项目,incremental: 实现增量模块打包
Stars: ✭ 55
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Nvue
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+3625.45%)
Mutual labels: webpack4, webpack-plugin
webpack-alioss-upload-plugin
A flexible webpack plugin to upload files to aliyun oss, which supports multiple optional upload methods and parameters.
Stars: ✭ 14 (-74.55%)
Mutual labels: webpack-plugin, webpack4
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+132707.27%)
Mutual labels: webpack4, vue-cli
Html Inline Css Webpack Plugin
☄️ A webpack plugin for convert external stylesheet to the embedded stylesheet
Stars: ✭ 48 (-12.73%)
Mutual labels: webpack4, webpack-plugin
Webpack Babel Multi Target Plugin
A Webpack plugin that works with Babel to allow differential loading - production deployment of ES2015 builds targeted to modern browsers, with an ES5 fallback for legacy browsers.
Stars: ✭ 150 (+172.73%)
Mutual labels: webpack4, webpack-plugin
eruda-webpack-plugin
A webpack plugin of eruda to help you develop mobile app
Stars: ✭ 56 (+1.82%)
Mutual labels: webpack-plugin, webpack4
Awesome Cms Core
Awesome CMS Core is an open source CMS built using ASP.Net Core & ReactJS with module seperation concern in mind and provide lastest trend of technology like .Net Core, React, Webpack, SASS, Background Job, Message Queue.
Stars: ✭ 352 (+540%)
Mutual labels: webpack4, webpack-plugin
Webpack Cdn Plugin
A webpack plugin that use externals of CDN urls for production and local node_modules for development
Stars: ✭ 306 (+456.36%)
Mutual labels: webpack4, webpack-plugin
Vue Cli Multipage Bootstrap
vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
Stars: ✭ 105 (+90.91%)
Mutual labels: webpack4, vue-cli
Vue Mpc
multiple pages (multiple entries) based on vue-cli3.x(基于vue-cli3.x创建的多页面应用,每个页面入口又可以创建自己的vue-router)
Stars: ✭ 97 (+76.36%)
Mutual labels: webpack4, vue-cli
React Webpack4 Cook
💯The most powerful webpack4 tutorial in the universe
Stars: ✭ 152 (+176.36%)
Mutual labels: webpack4, webpack-plugin
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+2267.27%)
Mutual labels: webpack4, vue-cli
vue3-element-admin
🎉 基于 vite2 + vue3 + element-plus 的后台管理系统vue3-element-admin;使用vue-cli可以切换webpack分支
Stars: ✭ 79 (+43.64%)
Mutual labels: vue-cli, webpack4
Vue Multiple Pages
A multiple Pages Starter use Vue-cli3
Stars: ✭ 1,079 (+1861.82%)
Mutual labels: webpack4, vue-cli
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+1747.27%)
Mutual labels: webpack4
✅你是否也想拥有自己的配置的Vue项目的自定义Webpack的打包配置,来Nvue,你要的这里全都有!!!!
nvue
一个用Webpack4
打包的Vue
的项目,一步一步带你实现一个Vue
项目打包配置,每一个Commit
对应一个步骤。包括了:
-
初始化项目,分离配置
-
打包.vue文件webpack配置
-
打包css、图片、文件资源
-
热加载、请求代理等开发环境配置
-
检查版本,优化打包输出和Eslint设置
-
打包优化,dll、loader缓存、parallel多线程打包
-
打包js、css文件模块的拆分,易于加载和检查
-
git提交前进行eslint代码检查
-
暴露所有打包配置,自己可以根据业务场景高度定制
-
持续更新webpack最新稳定版本,升级所有依赖模块
克隆项目
git clone [email protected]:naihe138/nvue.git
安装
npm install
利用nvue-cli安装
npm install -g @naice/nvue-cli
nvue create <project name>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].