
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 · 585 阅读 · 0 评论 -
webpack+手工搭建vue开发环境配置(二)
webpack开发环境配置步骤 ps: 手动搭建vue, 配置开发环境webpack * 搭建项目目录结构 * 安装 & 配置 * html-webpack-plugin生成index.html 参考 1. 项目目录结构 |-src |-main.js 项目打包的入口文件 |-App.vue 项目的根组件,项目一启动看到的第一个页面的内容,就写在这里 ...原创 2018-04-01 20:27:04 · 721 阅读 · 0 评论 -
webpack打包优化插件(三)
webpack打包优化 webpack打包(理解优化的思路以及如何寻找解决办法) 在生产阶段,使用 webpack 打包 1、先重新创建一个生产阶段用的webpack.config.prod.js配置文件 注意:该配置文件,就是在开发阶段的基础上,添加一些针对生产环境的配置(比如output) 2、在package.json中,在scripts中增加一个配置 "bu...原创 2018-04-01 21:05:33 · 2150 阅读 · 0 评论 -
webpack生产阶段配置(四)
webpack生产阶段配置文件 上一篇文章介绍webpack打包优化 直接拷贝此配置文件安装即可使用 安装方式: npm install .babelrc配置 webpack.config.prod var HtmlWebpackPlugin = require('html-webpack-plugin'); const webpack = require('webpack') ...原创 2018-04-01 21:14:26 · 329 阅读 · 0 评论