![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
css_666
这个作者很懒,什么都没留下…
展开
-
webpack系列之编译ES6 / ES7
1.首先安装编译es6的包npm install babel-loader@8.0.0-beta.0 @babel/core @babel/preset-env webpack2.编写配置文件module.exports={ entry:{ app:'./app.js' }, output:{ filename:'[n...原创 2018-04-07 16:34:03 · 2043 阅读 · 0 评论 -
webpack系列之编译typescript
1.下载tsloadernpm install webpack typescript ts-loader awesome-typescript-loader --save-dev配置webpack.config.jsmodule.exports={ entry:{ 'app':'./src/app.ts' }, output:{ ...原创 2018-04-07 17:08:55 · 1219 阅读 · 0 评论 -
webpack系类之抽离公共模块
1.在项目里安装局部 webpacknpm install webpack@3.10.0 --save-devwebpack.config.js:var webpack=require('webpack')var path=require('path')module.exports={ entry:{ 'pageA':'./src/pageA', ...原创 2018-04-10 20:59:32 · 2832 阅读 · 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 · 2638 阅读 · 0 评论 -
webpack系列之安装
1,首先要确保你的电脑安装了node.js,如果没有请参考我的这篇博客进行安装node.js安装教程2.全局安装webpacknpm install webpack -g如何判断是否已经安装成功了呢?验证命令如下:查看webpack都有哪些命令webpack -h 或者: 查看当前webpack的版本webpack -v注意: 由于webpack 产品...原创 2018-04-06 17:03:05 · 380 阅读 · 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 · 1526 阅读 · 0 评论 -
package.json中 npm依赖包版本前的符号的含义
问题引入:我们在使用npm下载依赖包的时候,在package.json中会出现对应包的版本号。可是我们会发现在版本号之前,一般都会有几个特殊符号。例如:“~”,”^”,”>”……那么这些符号都有什么含义呢?一般来说,版本号大体分为三个部分major.minor.patch主版本号.次版本号.修补版本号1, version版本号之前不带任何标记表示必须依赖这个版本的包 ...原创 2018-08-06 17:06:36 · 847 阅读 · 0 评论