
1.5 webpack
kingov
生活嘛, 最重要的是有希望 !
展开
-
webpack入门
webpack的主要配置项var config = { entry: [ //入口,定义要打包的文件 ], //出口,定义打包输出的文件;包括路径,文件名,还可能有运行时的访问路径(publicPath)参数 output: { }, //定义能够被打包的文件,文件后缀名, 取别 resolve: { //webpack将所有资原创 2017-08-16 21:16:54 · 377 阅读 · 0 评论 -
webpack开发配置(webpack.base.js/webpack.dev.js/webpack.prod.js)
项目初始结构分析通常项目会分成三个运行环境:开发人员在本地跑的开发环境(dev)、测试人员用来做黑盒测试的测试环境(test)和线上运行的生产环境(production)。简单起见,本文只考虑开发环境(dev)和生产环境(prod),测试环境可以自行类比。综上,webpack的配置需要有两套,同时两套配置必然会存在相同的部分,故新建目录与文件如下图:folder同时引入一个库webpack-原创 2017-08-16 21:31:45 · 18911 阅读 · 0 评论 -
vue使用插槽分发内容slot的用法
将父组件的内容放到子组件指定的位置叫做内容分发//在父组件里使用子组件<son-tmp> <div>我是文字,我需要放到son-tmp组件里面制定的位置</div></son-tmp>单个插槽父组件app.vue<template> &am原创 2017-10-20 11:13:44 · 54053 阅读 · 4 评论 -
webpack入门
webpack的主要配置项var config = { entry: [ //入口,定义要打包的文件 ], //出口,定义打包输出的文件;包括路径,文件名,还可能有运行时的访问路径(publicPath)参数 output: { }, //定义能够被打包的文件,文件后缀名, 取别名 resolve: { //webpac...原创 2018-03-11 00:40:25 · 136 阅读 · 0 评论 -
webpack深度tree shaking的模块webpack-deep-scope-plugin使用
文章目录1 什么是tree shaking, 为什么要用2 案例, 引入lodash但是不使用2.1 目录结构2.2 webpack.config.js2.3 src/index.js2.4 src/js/a.js2.5 打包3 使用webpack-deep-scope-plugin将没有使用的lodash在打包的时候删除3.1 npm install --save-dev webpack-dee...原创 2018-12-01 17:09:06 · 1580 阅读 · 0 评论