webpack
Smile_ping
stay hungry stay foolish
展开
-
webpack初体验(一)
ps: 手动搭建webpack参考:webpack官网 大神webpack作用: 打包核心概念: entry:打包的入口output:打包之后结果loader:打包非js文件plugins:让webpack飞起来,更牛逼前提: 安装两个全局包 cnpm i webpack -g cnpm i ...原创 2018-04-01 19:49:24 · 524 阅读 · 0 评论 -
webpack+手工搭建vue开发环境配置(二)
webpack开发环境配置步骤ps: 手动搭建vue, 配置开发环境webpack* 搭建项目目录结构 * 安装 & 配置 * html-webpack-plugin生成index.html参考1. 项目目录结构 |-src |-main.js 项目打包的入口文件 |-App.vue 项目的根组件,项目一启动看到的第一个页面的内容,就写在这里...原创 2018-04-01 20:27:04 · 670 阅读 · 0 评论 -
webpack打包优化插件(三)
webpack打包优化webpack打包(理解优化的思路以及如何寻找解决办法)在生产阶段,使用 webpack 打包1、先重新创建一个生产阶段用的webpack.config.prod.js配置文件 注意:该配置文件,就是在开发阶段的基础上,添加一些针对生产环境的配置(比如output) 2、在package.json中,在scripts中增加一个配置 "bu...原创 2018-04-01 21:05:33 · 2067 阅读 · 0 评论 -
webpack生产阶段配置(四)
webpack生产阶段配置文件上一篇文章介绍webpack打包优化直接拷贝此配置文件安装即可使用安装方式: npm install.babelrc配置webpack.config.prodvar HtmlWebpackPlugin = require('html-webpack-plugin');const webpack = require('webpack')...原创 2018-04-01 21:14:26 · 285 阅读 · 0 评论