At its core, webpack is a static module bundler for modern JavaScript applications. 从本质上来讲,webpack是一个现代的JavaScript应用的静态模块打包工具。 我们从两个点来解释上面这句话:模块 和 打包 ...
分类:
Web程序 时间:
2021-07-28 21:38:48
阅读次数:
0
webpack不仅可以打包JavaScript模块,甚至它把网页开发中的一切资源都可以当做模块来打包处理,但是它本身并不支持,它只是一个打包平台,其他资源,例如css、less、sass、img等资源需要结合插件来实现。这些插件在webpack中称为loader,翻译过来就是加载器的意思 1、加载c ...
分类:
Web程序 时间:
2021-07-05 19:03:50
阅读次数:
0
官方文档 1、初始化package.json文件 npm init -y 2、创建基本目录结构 3、配置webpack npm i -D webpack 4、创建并配置 webpack.config.js 文件 var path = require('path') module.exports = ...
分类:
Web程序 时间:
2021-07-05 19:01:56
阅读次数:
0
Vue脚手架安装失败 参考链接 https://www.cnblogs.com/LiQingXin/p/14221850.html 进行vue init webpack vue01 命令行失败 可能原因是github访问不了,请求超时 试着去ping github网站发现可以ping通,就是延迟有点 ...
分类:
其他好文 时间:
2021-07-05 17:26:12
阅读次数:
0
没有webpack,我们就无法使用webpack-dev-server运行这个项目,实现热部署。 所以,这里我们使用另外一种热部署方式:live-server, 1.简介 地址;https://www.npmjs.com/package/live-server live-server这是一款带有热加 ...
分类:
其他好文 时间:
2021-07-02 15:53:49
阅读次数:
0
1、创建一个名为hello-vue的工程 vue init webpack hello-vue 2、安装依赖 #进入工程目录 cd hello-vue #安装 vue-router npm install vue-router --save-dev #安装 element-ui npm instal ...
分类:
其他好文 时间:
2021-07-01 16:54:32
阅读次数:
0
clsss要用className <div className=\"color-light\">文档的结构现在看来就是在互相引用小标题scss引入为了看着舒服和更快的选择标签,决定选择用scss,demo里自带了less,但相对来说scss更熟悉些,怎么搞都不成功 { test: /\\.(le|c ...
分类:
其他好文 时间:
2021-06-30 17:57:31
阅读次数:
0
loader对比pluginloader:用于资源加载并处理各种语言的转换/编译(例如将不同语言转换为javascript);plugin:用于资源加载以外的其他打包/压缩/文件处理等功能;loader原理,loader的自定义实现loader 用途loader 用于资源加载并处理各种语言的转换/编 ...
分类:
Web程序 时间:
2021-06-29 15:31:19
阅读次数:
0
路由懒加载 为什么需要懒加载,应为Webpack在打包之后全部放入app.xxx.js中,当项目文件越来越大,就会导致前端的初始加载越来越慢,但是有些功能并不是客户一上来就要使用的,所以并不需要加载,而且加载慢会影响客户的体验效果 所以需要懒加载,在使用确切的功能时才加载 通过写法控制 ES6 懒加 ...
分类:
其他好文 时间:
2021-06-28 20:44:32
阅读次数:
0
错误的引入方式: export default { data () { return{ imgUrl_homePage:'@/assets/img/homePage_active.png' } } } 因为webpack是按字符号打包的,正确的引入方式: 1.import在外部引入 import i ...
分类:
其他好文 时间:
2021-06-28 18:28:08
阅读次数:
0