- 博客(31)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 webpack简单例子
webpack打包简单例子安装node查看node版本，node-v，查看npm版本，npm-v创建一个新文件夹 mkdir my-project打开文件夹cd my-project初始化项目 npm init -y初始化webpack npm install webpack webpack-cli --save-dev\查看webpack版本 ./no...
2019-06-05 15:09:45
513
原创 webpack
webpack为什么要深入掌握webpack？应用场景不同，node的繁荣，三大框架的构建工具的转换代码优化，跨端应用webpack一切皆为模块难度适中，学习成本大工程化思维...
2019-06-05 11:20:17
173
原创 Ant-design-vue 树形控件tree 新增节点，删除节点，编辑节点的解决方案
Ant-design-vue 树形控件tree 新增节点，删除结点，编辑结点的解决方案最近项目需求如下，想做一个菜单管理，用tree的形式，用过element-ui的都知道怎么处理，但是由于ant-design-vue并未提供操作节点方法，遂自己的解决方案如下<template> <div class="page-header-index-wide"> &l...
2019-06-26 12:51:13
39112
28
原创 Ant Design Pro Vue使用心得
目录结构├── public│ └── logo.png # LOGO| └── index.html # Vue 入口模板├── src│ ├── api # Api ajax 等│ ├── assets # 本地静态资源│ ├── config ...
2019-06-22 13:12:21
21681
2
原创 webpack之tree shaking（摇树优化）
webpack之tree shaking（摇树优化）在webpack.config.js中mode=‘none’时，默认关闭在webpack.config.js中mode=‘production’时，默认开启只会注入已使用的函数，未使用的函数不会注入到bundel.js中...
2019-06-13 11:34:58
1130
原创 webpack之分离公共包
webpack之分离公共包安装html-webpack-externals-plugin引入并使用插件 const HtmlWebpackExternalsPlugin = require('html-webpack-externals-plugin') // new HtmlWebpackExternalsPlugin({ // exter...
2019-06-13 10:28:06
1769
原创 webpack之使用source map
webpack之使用source mapsource map关键字eval：使用eval包裹模块代码source map：产生.map文件cheap：不包含列信息inline：将.map作为DataURl嵌入，不单独生成.map文件module：包含loader的sourcemap在开发模式的配置文件中加上以下代码` devtool:'eval'...
2019-06-11 11:47:31
559
原创 webpck之多页面应用打包通用方案
webpck之多页面应用打包通用方案利用glob插件glob.syncentry：glob.sync(path.join(_dirname,’./src/*/index.js’)),在webpack配置文件中写入以下代码配置const setMAP = () => { const entry = { }; const HtmlWebpackPlug...
2019-06-11 11:30:56
312
原创 webpack之移动端 css px自动转换成rem
webpack之移动端 css px自动转换成rem安装lib-flexible，px2rem-loader然后引入配置
2019-06-10 15:50:47
822
原创 webpack之autoprefixer自动添加厂商前缀
webpack之autoprefixer自动添加厂商前缀安装postcss-loader autoprefixer插件在webpack配置文件中添加一下代码 { loader: 'postcss-loader', options: { plugins: () => [ re...
2019-06-10 15:31:05
1204
原创 webpack之自动清理构建目录产物
webpack之自动清理构建目录产物手动清理rm -rf ./dist使用clean-webpack-plugin插件
2019-06-10 15:16:07
487
原创 webpack之HTML、css和js代码压缩
webpack之HTML、css和js代码压缩js文件的压缩内置压缩css文件的压缩html文件压缩
2019-06-10 15:10:09
1262
原创 webpack文件指纹配置
webpack文件指纹配置主要用于做版本版本管理文件如何生成？Hash，Chunkhash，Contenthashjs文件指纹设置css文件指纹设置图片或文件指纹设置
2019-06-10 14:29:09
523
原创 webpack热更新
webpack热更新热更新：webpack-dev-serverWDS不刷新浏览器，而是放在内存中使用HotModuleReplacementPlugin插件在webpacj.config.js中引入webpack，代码如下const webpack=require('webpack');引入webpack自带热更新插件，代码如下//先引入webpackconst w...
2019-06-10 14:15:42
664
原创 webpack文件监听
webpack文件监听启动webpack命令时带上–watch在配置webpack.config.js文件时设置watch:true
2019-06-10 13:54:03
1263
1
原创 解析图片和文字
解析图片和文字安装file-loader在webpack.config.js中module中添加以下代码 { test:/.(png|jpg|gif|jpeg)$/, user: 'file-loader' }, { test:/.(wo...
2019-06-10 10:45:41
1857
原创 解析CSS，less和sass
解析CSS，less和sass安装css-loader,style-loader,less-loader在webpack.config.js里module里添加以下代码 { test: /.css$/, use: [ 'style-loader', ...
2019-06-10 10:32:40
644
原创 webpack解析react jsx
webpack解析react jsx安装react babel-preset-react npm i react react-dom @babel/preset-react -D在.babelrc文件增加 “@babel/preset-react”,
2019-06-06 17:44:51
1201
原创 webpack之解析ES6
webpack之解析ES6首先安装npm i @babel/core @babel/preset-env babel-loader -D然后在项目根目录下创建一个.babelrc文件在.babelrc下增加babel preset配置{ "presets":[ "@babel/preset-env" ]}在webpack.config.js中...
2019-06-06 15:38:46
798
原创 通过npm script运行webpack
通过npm script运行webpack在package.json里添加以下代码"build":"webpack"
2019-06-06 11:21:13
670
原创 webpack配置文件
webpack配置文件webpack默认配置文件：webpack.config.js可以通过webpack --config指定配置文件
2019-06-05 14:09:21
192
原创 如何配置一个高扩展性的路由
如何配置一个高扩展性的路由nprogress插件可以看到页面切换进度，在路由守卫中使用start()开始done()结束
2019-06-03 15:06:32
199
原创 自定义webpack和babel配置
自定义webpack和babel配置用less时可能会出现报错信息，这时候我们需要配置babel配置：1.可以将less降到3.0版本一下；2.配置less，开启javascript{ loaderl:'less-loader', options:{ javascriptEnabled:true } }新建一个Vue.config.js具体可打开链接vue...
2019-06-03 13:47:29
172
原创 Ant Design vue 之使用Vue Cli 3快速创建项目
使用Vue CLI 快速创建项目创建项目利用vue create ant-design-vue-pro自定义配置（babel，router，vuex，css pre，linter，unit Testing）把所有的配置文件放在单独文件里进入项目文件夹内安装组件库 npm i ant-design-vue moment...
2019-06-03 11:31:20
2042
一款简单百度小程序源码
2018-12-04
优酷等一系列视频网站是怎么做的？什么是挂载视频？如何挂载视频？
2017-07-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人