这两天在配置webpack4.0的时候，出现了下面的问题 module: { rules: [{ test: /\.css$/, use: [{ loader: 'style-loader', options: { insertAt: "top" }, }, 'css-loader'] }, { t ...
分类：
Web程序 时间：
2020-07-07 09:24:32
阅读次数：
131
1.模块化 语法：import export export {} export default {} import import {} 环境：babel编译ES6语法，模块化可用webpack和rollup 2.class可以看作就是构造函数，class是一个语法糖 class MathHandle ...
分类：
其他好文 时间：
2020-07-06 19:31:29
阅读次数：
75
webpack常用的插件安装命令：1：npm install html-webpack-plugin --save-dev //自动快速的帮我们生成HTML。2：npm install css-loader style-loader --save-dev//样式文件，我们需要两种loader，css ...
分类：
Web程序 时间：
2020-07-06 10:35:58
阅读次数：
84
工作中， 由于层级与代码拆分的的缘由， 经常会有引用本地文件。常常会遇到路径层级过深且书写繁琐的问题。这里对别名（又称懒人路径）进行一个总结。 Webpack 前端工程化项目中，最常使用的就是 webpack 了， webpack 中对别名做了很好的处理，相信大多数同学都是知道如何配置， 直接上代码 ...
分类：
其他好文 时间：
2020-07-06 09:19:38
阅读次数：
131
装包：npm install jquery --save 方式一 全局使用 1）main.js中引入 // jquery import $ from 'jquery' Vue.prototype.$ = $; 2）更改vue.config.js const webpack = require('we ...
分类：
Web程序 时间：
2020-07-03 19:12:59
阅读次数：
76
vue应用，大部分会使用webpack进行打包，如果没有正确配置，就会导致vue源码泄露。 webpack是一个JavaScript应用程序的静态资源打包器（module bundler）。它会递归构建一个依赖关系图（dependency graph）,其中包含应用程序需要的每个模块，然后将所有这些 ...
分类：
其他好文 时间：
2020-07-03 17:38:42
阅读次数：
67
一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给 ...
分类：
其他好文 时间：
2020-07-03 17:29:04
阅读次数：
114
方案一：引入cdn, 打包的时候webpack配置externals ,这样webpack就不会打这个包到vendors里，减少体积，缺点是cnd稳定性可能会有问题，而且是先请求cdn资源之后再请求自己服务器代码，非同源。 方案二：按需加载(利用插件) 注意.如果有页面引入了echarts全部包（i ...
分类：
其他好文 时间：
2020-07-03 12:49:32
阅读次数：
363
最近在把一个c端的项目重构成首屏服务端渲染（SSR：server side render） 项目用到的技术： React 、webpack、koa2、webpack 对于重构成SSR，redux并不是必须的，所以没用redux 本篇文章先讲述一些理论的东西，之后会写代码篇 一、 什么是服务端渲染 简 ...
分类：
其他好文 时间：
2020-07-03 10:23:10
阅读次数：
62
前端项目较大，编译(npm run serve)或者打包(npm run build)时，服务突然停止，报内存溢出错误(stderr maxBuffer exceeded) 原因：在前端项目非常庞大时，webpack编译会占用很多系统资源，如果超出了V8引擎对node默认的内存限制大小时，就会产生内 ...
分类：
其他好文 时间：
2020-07-02 17:59:53
阅读次数：
80
