记录下webpack-dev-server的用法. 首先，我们来看看基本的webpack.config.js的写法 module.exports = { entry: './src/js/index.js', output: { path: './dist/js', filename: 'bundl ...
分类：
Web程序 时间：
2020-07-02 16:20:47
阅读次数：
98
这个功能可能不会经常用到，一般都是服务器传文件过来但是有时候有些文件在PC上不会有性能问题的话还是可以用用的，因为vue的摇树算法会让没有引用的静态文件都在打包的时候不会放入静态文件夹，所以这里要使用到第三方的一个插件就是copy-webpack-plugin，可以在vue-cli3 const C ...
分类：
Web程序 时间：
2020-07-02 09:19:52
阅读次数：
77
我们在用别人的脚手架的时候,总会见到loader 用vue的时候 可能用到vue-loader 引入css 可能用到css-loader 处理小图片 为了减少请求次数 将图片转为base64字符串 用到url-loader 处理es6 用到babel-loader loader的安装和使用 先通过n ...
分类：
Web程序 时间：
2020-07-02 09:13:46
阅读次数：
63
使用scss 早react webpack.config.js中有对sass文件的解析，只需要安装node-sass就只可以直接使用sass 1 安装node-sass npm i node-sass --save-dev 2 创建scss文件 index.module.scss 3 使用 impo ...
分类：
其他好文 时间：
2020-07-01 12:26:12
阅读次数：
110
暴露js文件两种方式，export{ 和和export default{, 两者区别是 export可以在一个js文件中写多个，export default在一个js文件中只能写一个 导入方式 export=> import {a } from " " export default =>import ...
分类：
Web程序 时间：
2020-07-01 00:14:08
阅读次数：
69
Learn Webpack theory learn from https://github.com/dykily/simple_webpack and YouTube Build your own bundler and from tomotoes's blog What is a bundler ...
分类：
Web程序 时间：
2020-06-30 00:57:23
阅读次数：
100
什么是 snowpack Snowpack是用于Web应用程序开发的现代轻量级工具链,可以对标 webpack, 像 webpack 这样的工具每次更新都会重新构建部分或全部代码,这就是他的不足之处了 Snowpack 每当更改文件时，都不会重建多个文件。没有捆绑可言，只有几毫秒的单文件重建，然后通 ...
分类：
其他好文 时间：
2020-06-30 00:57:02
阅读次数：
215
Webpack 食用手册 还是老老实实写一篇中文的使用手册吧 本篇不讨论原理、模块化之类的，只记录如何使用 安装 npm init 都安装在本地开发环境 --save-dev npm install -D webpack webpack-cli npm install -D webpack-dev- ...
分类：
Web程序 时间：
2020-06-30 00:48:45
阅读次数：
81
正常加载可以认为是并行加载，在同一时间加载多个文件, index.js 中 引入 test.js , 点击按钮之前已经加载了 test.js懒加载：当文件需要使用时才加载构建后:页面一加载,只有index.js 执行了点击按钮后才会加载 test.js预加载 prefetch：会在使用之前，提前加载... ...
分类：
Web程序 时间：
2020-06-29 22:46:32
阅读次数：
97
source-map：一种提供源代码 到 构建后 代码映射技术（如果构建后的代码出错了，通过映射可以追踪源代码的错误）打开webpack.config.jssource-map ：外部，错误代码准确信息 和 源代码的错误位置devtool的全部值:devtool的全部值及介绍/* source-ma... ...
分类：
Web程序 时间：
2020-06-29 21:30:10
阅读次数：
129
