最近搞了一个webpack4+typescript的开发环境，折腾了很久现在记录一下。。。。本身环境比较好搞，但是热更新是个麻烦事儿本环境是基于webpack-dev-server搭建的。messages: [`You application is run

安装好之后，为了可以在.vue和.scss中使用，需要在webpack.config.js中配置对应的解析器：。关于上面resolve的配置，是因为编译和打包源文件默认不一样。

本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（由于每个项目的情况都不尽相同，本方案已经完美解决本在所使用项目，具体情况可能还需要修改。本人是Java后台开发，Vue其实使用也没有多久，只能说简单了解。发现问题的时

通常，chunk会直接对所输出的bundle。但是有些配置并不会产生一对一的关系。多个chunk合在一起，就是bundle,一个bundle可以理解成一个大的js打包后生成的文件，而多个bundle里面的公共代码，或者需要按需加载的代码，就会拆成不同的ch

在平时开发中我们经常会用到 Webpack这个时下流行的前端打包工具。它打包开发代码，输出能在各种浏览器运行的代码，提升了开发至发布过程的效率。我们知道一份 Webpack配置文件主要包含入口、输出文件、模式、加载器、插件等几个部分。但如果只需要组织 JS

"build": "webpack --mode production"设置webpack-dev-server：

url中的路径据我们所知，最前面为一个反斜杠（/XX），表示从网站根目录开始搜索文件，如果需要相对当前文件夹则需以 ./或者不加反斜杠为路径开头，看来是打包后的文件路径有问题。既然是对生产环境的文件做处理自然是去找config.build对象，这个时候就来

大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻烦了. 如果可以像下面这样切换环境就方便了。}这个stage就是你输入的变量,比如你输入 npm run serve

├── build├── config├── src│ ├── api│ ├── assets│ ├── components│ ├── pages│ ├── router│ ├── utils│ ├── vuex│ ├── App.vue│ ├── ma

port:3000注意：此处ip一旦固定，本机访问的或localhost将不可访问，必须也使用这个ip，局域网也是一样用此ip访问

webpack配置提供了devtool这个选项，如果设置为 ‘#source-map'，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源代码。

// 打包后的格式通过umd规范可以适应各种规范，以及全局window属性。let {content, title, onShow, onHide, type} = params

说明，项目本身使用jquery和bootstrap做的管理后台，部分登录接口跑在node服务端，大部分接口使用springmvc实现。现在，使用vue开发，集成vue到原先的项目中。不影响原先的框架。原来的打包方式是使用fis打包，集成vue之后，先用we

一个vue的项目，我觉得最小的子集其实就是{vue,vue-router,component}，vue作为基础库，为我们提供双向绑定等功能。vue-router连接不同的"页面"，component作为样式或者行为输出，你可以通过这三个

客户需求要一个具备树结构、带复选框的下拉选择控件；在网上找到了select2、autocomplete都不满足要求。于是自己用ztree加bootstrap dropdown组合开发了一个下拉树选择控件。决定用webpack打包，开发一个完整的jquery

vue init webpack-simple vue-cli-multipage-demo4， 安装项目依赖包。npm run dev通过上面这几步一个简单的vue项目的开发环境基本就搭建起来，接下来的工作就是填代码了。最近在做一个前端代码重构的时候发现

以新手视角，详细介绍各个步骤内容，不深入讲步骤涉及的原理，主要介绍如何操作。新建工程目录 vue2practice，在目录下执行npm init -y来创建一个 package.json，在 package.json 中先添加以下必备模块：。}其中 vue

在我们的 vue 项目中，总会出现一些需要多业务线共同开发同一个项目的场景，如果各业务团队向框架中提供一些私有的展示组件，但是这些组件并不能和框架一起打包，因为框架不能因为某个私有模块的频繁变更而重复构建发布。vue-cli 作为 Vue 官方推荐的项目构

但是这种做法局限性比较大，模块化差，代码不好看 。如果我做的是纯静态的网站展示，有许多的本地静态资源需要加载，里面包括本地数据和本地图片混合的好几组，那不是要麻烦死～。你的项目在开发模式下css中用url（）引用图片是正常的，但是打包后图片路径却并没有被处

// Gzip off by default as many popular static hosts such as. // Run the build command with an extra argument to. // Set to `true