npm i concurrently use "script":{ "client:build": "webpack --config build/webpack.client.js --watch", "server:build": "webapck --config build/webpack. ...
分类：
其他好文 时间：
2020-06-05 00:58:07
阅读次数：
87
开发服务器 devServer：用来自动化（自动编译，自动打开浏览器，自动刷新浏览器等） 特点：只会在内存中编译打包，不会有任何输出 指令：npx webpack-dev-server 安装 webpack-dev-server npm install webpack-dev-server -D c ...
分类：
其他好文 时间：
2020-06-05 00:40:08
阅读次数：
64
下载安装 plugin: npm install --save-dev html-webpack-plugin src / index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi ...
分类：
Web程序 时间：
2020-06-04 21:42:41
阅读次数：
122
webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。 当在 inde ...
分类：
Web程序 时间：
2020-06-04 20:03:24
阅读次数：
85
mock数据（模拟后台数据） 1.将 data.json 文件拷贝到 sellapp 目录下（与 index.html 同级） 模拟的数据请求是从 data.json 中读取数据，接下来就来编写这些接口。 2.在 webpack.dev.conf.js 中添加以下代码： 此次开发过程需要去本地数据地 ...
分类：
其他好文 时间：
2020-06-04 19:43:24
阅读次数：
116
做移动端时，适配 是必须的。使用rem单位，可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。 1. 自己手动构建vue webpck配置 我们在开发过程中，我们在css文件中，直接按设计稿，直接以px像素为单位，然后在真正的应用中，我们想让px自动转制为rem单位， ...
分类：
Web程序 时间：
2020-06-04 19:21:17
阅读次数：
98
一 . 'webpack' 不是内部或外部命令，也不是可运行的程序 1. 检查 node 与 npm 版本，确认环境正常 2. 如果正常，检查环境变量，确认Path中配置了node路径，类似D:\Program Files\nodejs\ ，根据自己的安装路径判断。 3. 安装全局webpack 命 ...
分类：
Web程序 时间：
2020-06-04 10:31:09
阅读次数：
71
前言 接上篇前端笔试题面试题记录（上）。趁清明小长假，把上篇剩下的部分也写一下，因为最近比较忙这篇已经拖了很久了。现在刚刚开始银四了，应该还是有些小伙伴在找工作，时间还不算太晚，希望本篇可以帮到这些小伙伴。 个人博客了解一下：obkoro1.com 本文主要目录如下： 面试题QA 面试遇到的一些小问 ...
分类：
其他好文 时间：
2020-06-04 01:17:46
阅读次数：
92
什么是WebPack？ WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。 ...
分类：
Web程序 时间：
2020-06-03 20:33:37
阅读次数：
97
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 环境支持：node.js Webpack 功能总结： 提取第三方库或 ...
分类：
Web程序 时间：
2020-06-03 15:35:27
阅读次数：
103
