webpack
css_666
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack系列之编译ES6 / ES7
1.首先安装编译es6的包 npm install babel-loader@8.0.0-beta.0 @babel/core @babel/preset-env webpack 2.编写配置文件 module.exports={ entry:{ app:'./app.js' }, output:{ filename:'[n...原创 2018-04-07 16:34:03 · 2103 阅读 · 0 评论 -
webpack系列之编译typescript
1.下载tsloader npm install webpack typescript ts-loader awesome-typescript -loader --save-dev 配置webpack.config.js module.exports={ entry:{ 'app':'./src/app.ts' }, output:{ ...原创 2018-04-07 17:08:55 · 1285 阅读 · 0 评论 -
webpack系类之抽离公共模块
1.在项目里安装局部 webpack npm install webpack@3.10.0 --save-dev webpack.config.js: var webpack=require('webpack') var path=require('path') module.exports={ entry:{ 'pageA':'./src/pageA', ...原创 2018-04-10 20:59:32 · 2912 阅读 · 0 评论 -
webpack系类之代码分割和懒加载
webpack实现代码方式是主要是通过模块的引入方式 1.require.ensure //进行代码分割 require.ensure(['lodash'],function(){ var _ = require('lodash');//上边的require.ensure只会引入进来,但是并不会执行,再次require才会执行。 },'vendor') 或者: if(p...原创 2018-04-11 21:12:29 · 2728 阅读 · 0 评论 -
webpack系列之安装
1,首先要确保你的电脑安装了node.js,如果没有请参考我的这篇博客进行安装node.js安装教程 2.全局安装webpack npm install webpack -g 如何判断是否已经安装成功了呢?验证命令如下: 查看webpack都有哪些命令 webpack -h 或者: 查看当前webpack的版本 webpack -v 注意: 由于webpack 产品...原创 2018-04-06 17:03:05 · 430 阅读 · 0 评论 -
webpack系列之打包js
使用webpack打包js有两种方法: 1,直接使用webpack 入口文件js 例如: 在a.js中使用了b.js的方法。 import sum from './b' console.log("2+3=",sum(2,3)); 那么,如果在命令行中执行 webpack a.js 则就会把a.js和b.js打包到一起 但是呢,这种方法几乎不会用到。 2.使用配置文件 在项...原创 2018-04-06 18:05:26 · 1600 阅读 · 0 评论 -
package.json中 npm依赖包版本前的符号的含义
问题引入:我们在使用npm下载依赖包的时候,在package.json中会出现对应包的版本号。可是我们会发现在版本号之前,一般都会有几个特殊符号。例如:“~”,”^”,”>”……那么这些符号都有什么含义呢? 一般来说,版本号大体分为三个部分 major.minor.patch 主版本号.次版本号.修补版本号 1, version 版本号之前不带任何标记表示必须依赖这个版本的包 ...原创 2018-08-06 17:06:36 · 940 阅读 · 0 评论
分享