【Web前端】webpack
文章平均质量分 78
MAXLZ
你不一定非得长成玫瑰,你乐意的话,做茉莉,做淡菊,做无名小花,做千千万万。
展开
-
webpack4构建简单前端框架-----开发环境配置
一、使用WebStorm创建一个简单项目。 在项目中建立如下文件夹:src、dist,在src中分别建立js、css、html、img文件夹、webpack.config,js,并在相应目录下建立createElem.js、index.js、index.html,index.css,项目结构如下(此时没有node_moudles、package.json、package-lock.js...原创 2018-12-28 09:57:19 · 458 阅读 · 0 评论 -
webpack4构建简单前端框架-----配置babel
由于浏览器对ES6语法的支持还不太完善,而且公司项目要支持IE8,所以要使用Babel将ES6转为ES5,以下操作均在上篇文章中项目下进行(https://blog.csdn.net/qq_33635385/article/details/85277748)。 一、引入babel相关文件 npm install babel-loader babel-core babel-pr...原创 2018-12-28 13:13:00 · 495 阅读 · 0 评论 -
webpack4构建简单前端框架-----less/sass/stylus/css的单独打包及压缩
由于之前项目webpack打包后,css、less、sass、stylus会合并到js中,不太符合规范。所以我们要把css、less、sass、stylus分离出来,单独打包成一个css文件。 一、配置loader cnpm install css-loader post-loader autoprefixer --save-dev // post-loader autopr...原创 2019-08-27 22:30:10 · 1268 阅读 · 0 评论 -
webpack4配置之打包图片
webpack4配置之打包图片 webpack图片的处理需要设置file-loader或url-loader,否则打包含有图片的文件会报错。url-loader与file-loader区别在于url-loader当在处理一些达到设置好的图片大小的图片时,会将这些图片转换为DataUrl的形式,可以大大降低一部分请求。 url-loader依赖于file-loader,同时安装url-loa...原创 2019-08-28 16:56:09 · 988 阅读 · 0 评论 -
webpack4多页面配置
webpack4配置多页面原创 2019-08-28 21:29:23 · 900 阅读 · 0 评论 -
webpack中引入ammo.js报错
最近使用webpack搭建three.js项目环境遇到问题:引入ammo.js之后,出现报错信息,如下: ./src/libs/ammo.js Module not found: Error: Can’t resolve ‘fs’ in ‘/Users/maxlz/Desktop/StudyData/threejs/threejs_demo/src/libs’ 查看ammo.js源码之...原创 2019-09-20 08:41:39 · 1224 阅读 · 0 评论