{"id":14976459,"url":"https://github.com/wangweianger/vue2.5-webpack3.8-spa-base-cms","last_synced_at":"2025-10-27T20:31:43.870Z","repository":{"id":143797004,"uuid":"107623748","full_name":"wangweianger/vue2.5-webpack3.8-spa-base-cms","owner":"wangweianger","description":"vue2.5版全家桶+webpack3.8 cms项目基础模板框架","archived":false,"fork":false,"pushed_at":"2018-06-12T07:15:07.000Z","size":1049,"stargazers_count":30,"open_issues_count":1,"forks_count":11,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-02-01T08:06:18.593Z","etag":null,"topics":["sass","vue-router","vue2","vuex","webpack3"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wangweianger.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-10-20T02:41:55.000Z","updated_at":"2024-06-24T06:55:45.000Z","dependencies_parsed_at":null,"dependency_job_id":"e85eeaeb-155b-4cbb-b7c1-e8968cfbfda7","html_url":"https://github.com/wangweianger/vue2.5-webpack3.8-spa-base-cms","commit_stats":{"total_commits":20,"total_committers":1,"mean_commits":20.0,"dds":0.0,"last_synced_commit":"9785f386e526ad93c0ca17c856dee24bbecbe05b"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangweianger%2Fvue2.5-webpack3.8-spa-base-cms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangweianger%2Fvue2.5-webpack3.8-spa-base-cms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangweianger%2Fvue2.5-webpack3.8-spa-base-cms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangweianger%2Fvue2.5-webpack3.8-spa-base-cms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wangweianger","download_url":"https://codeload.github.com/wangweianger/vue2.5-webpack3.8-spa-base-cms/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238553174,"owners_count":19491384,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["sass","vue-router","vue2","vuex","webpack3"],"created_at":"2024-09-24T13:53:55.240Z","updated_at":"2025-10-27T20:31:38.442Z","avatar_url":"https://github.com/wangweianger.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# vue组件化开发-示例  vue2.5+webpack3.8\r\n\r\n\u003e  * 使用知识点：\r\n\u003e  * vue.js           轻量级mvvm框架\r\n\u003e  * webpack          前端自动话打包工具\r\n\u003e  * vue-router       vue路由\r\n\u003e  * vue-loader       vue组件化开发插件\r\n\u003e  * vuex             前端状态管理 类式于flux 和 radux\r\n\u003e  * babel            es6转译工具，用最前言的javascript做前端开发\r\n\r\n\r\n## 优化说明\r\n\u003e  * DllPlugin和DllReferencePlugin  项目中不更改js不需要重复构建 例如：vue,vuex,vue-router 等等\r\n     参考配置： webpack.dll.config.js\r\n\u003e  * happypack 优化 针对于.vue、.js、.scss 文件进行多线程编译\r\n\u003e  * webpack-parallel-uglify-plugin  插件替换 webpack 自带的UglifyJS 插件  支持打包es6语法\r\n\u003e  * Webpack 3 的新功能：Scope Hoisting 新增配置插件  new webpack.optimize.ModuleConcatenationPlugin()\r\n\r\n### 优化之后构建速度明显提高\r\n\r\n### webpack优化构建说明：http://blog.seosiwei.com/detail/9\r\n\r\n## 项目步骤\r\n\r\n1.安装node.js\r\n\r\n2.安装项目依赖包\r\n\r\n```\r\nnpm install\r\n```\r\n\r\n3.运行开发环境\r\n\r\n```\r\nnpm run dev \r\n```\r\n\r\n```\r\n浏览器中访问：localhost:8000\r\n```\r\n\r\n\r\n4.打包生产文件  打生产报需要构建一次 dll 命令：即经常不会改动的文件\r\n\r\n```\r\nnpm run build:dll   //此命令一般只运行一次 若后期依赖项目有改动才运行\r\n\r\nnpm run build  //每次生产包运行\r\n\r\n``` \r\n\r\n##大致说明\r\n\r\n```\r\nwebpack : 前端模块化打包工具\r\nvue.js  : vue.js  清量级的mvvm的框架\r\nbabel   : 项目使用babel编译 可用最新的es6编写我们的javascript （当然用es5写也是一样的）\r\nvue-loader ：模块化的开发vue插件\r\nvue-router ：vue的路由插件\r\nvuex  :  一个专门为 Vue.js 应用设计的状态管理架构\r\n```\r\n\r\n### DEMO图片\r\n![](https://github.com/wangweianger/vue2.5-webpack3.8-spa-base-cms/blob/master/imgs/01.png \"\")\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangweianger%2Fvue2.5-webpack3.8-spa-base-cms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwangweianger%2Fvue2.5-webpack3.8-spa-base-cms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangweianger%2Fvue2.5-webpack3.8-spa-base-cms/lists"}