react全家桶从0到1(最新) 本文从零开始,逐步讲解如何用react全家桶搭建一个完整的react项目。文中针对react、webpack、babel、react-route、redux、redux-saga的核心配置会加以讲解,通过这个项目,可以系统的了解react技术栈的主要知识,避免搭建一 ...
分类:
其他好文 时间:
2020-02-22 20:03:14
阅读次数:
74
最近面试了一些公司,趁着疫情期间,总结一波。大家可以看看 会有用的。 webpack 1、webpack中entry和output的作用 webpack中的entry标记入口文件,它可以是一个字符串(单入口)或者一个数组(多入口),output用来标记输出,主要有两个属性 path和 filenam ...
分类:
其他好文 时间:
2020-02-22 15:42:25
阅读次数:
103
什么是Webpack 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个 ...
分类:
Web程序 时间:
2020-02-22 13:41:50
阅读次数:
93
前提: 1.安装必要工具(node等); 2.安装全局vue-cli脚手架(快速搭建vue开发模板) 命令:npm install -g vue-cli 3.安装webpack 命令:npm install webpack -g (有问题可以使用npm install --save-dev webp ...
分类:
Web程序 时间:
2020-02-22 12:21:52
阅读次数:
99
1、什么是webpack-dev-server 项目最终要打包上线,所以最好能模拟线上环境进行开发调试,,即开始服务 webpack-dev-server就是一个让我们可以模拟线上环境进行项目调试的工具 2、webpack-dev-server提供的额外常用功能 1)路径重定向 把找不到的路径重新定 ...
分类:
Web程序 时间:
2020-02-22 09:56:02
阅读次数:
94
前言 现在前端最流行的编辑器无疑是VSCode,但是它默认是无法跳转类似于@/assets/a.js这样的路径的,怎么办? 使用jsconfig.json jsconfig.json是VSCode自带的一个配置文件,默认不生成这个文件,需要自己创建。官方文档说的很清楚,尽管是英文文档: https: ...
分类:
Web程序 时间:
2020-02-22 00:32:33
阅读次数:
217
首先说一下这个问题产生的原因: 项目创建时设置了使用 eslint 进行代码规范检查。 解决办法: 找到webpack.base.conf.js文件,并且将下满这行代码注释掉。 ...(config.dev.useEslint ? [createLintingRule()] : []), 具体位置如 ...
分类:
其他好文 时间:
2020-02-22 00:18:32
阅读次数:
1184
一、写组件 <template> <!--这里modal 如果有fade 类,则关闭时需要有等待时间,否则不能关闭透明层,需要使用setTimeout(that.closeMask,500) 等500毫秒才能正常关闭--> <div id="mask" class='modal' role="dia ...
分类:
Web程序 时间:
2020-02-22 00:07:16
阅读次数:
121
1.创建一个项目目录,最好不要带中文 2.初始化本地包的介绍文件 3.全局安装webpack和webpack cli,同时在项目本地安装webpack和webpack cli 4.webpack的作用 假设下面是main.js文件,并且被我们的html文件引用 此时,浏览器会报错,因为浏览器识别不了 ...
分类:
Web程序 时间:
2020-02-21 22:44:30
阅读次数:
118
解决方法 把build里面的webpack.base.conf.js里面的createLintingRule里面的内容注释掉 ...
分类:
其他好文 时间:
2020-02-21 20:24:18
阅读次数:
84