All Projects → naihe138 → Nvue

naihe138 / Nvue

master分支:webpack4实现一个vue的打包的项目,incremental: 实现增量模块打包

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
Vue Cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
Stars: ✭ 415 (+654.55%)
Mutual labels:  webpack4, vue-cli
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
webpack-demos
webpack小练习
Stars: ✭ 17 (-69.09%)
Mutual labels:  webpack-plugin, webpack4
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 Admin Webapp
this is a admin project
Stars: ✭ 673 (+1123.64%)
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
Vue2 Calendar
vue 2.x calendar component
Stars: ✭ 477 (+767.27%)
Mutual labels:  webpack4, vue-cli
Vue Multiple Pages
A multiple Pages Starter use Vue-cli3
Stars: ✭ 1,079 (+1861.82%)
Mutual labels:  webpack4, vue-cli
Push Starter
React Redux Starter with SSR 🤖
Stars: ✭ 43 (-21.82%)
Mutual labels:  webpack4
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].