webpack
文章平均质量分 61
zayzy
安心努力
展开
-
webpack的安装配置及自动打包
一、了解webpack当前web开发面临的困境1.文件依赖关系错综复杂2.静态资源请求效率低3.模块化支持不友好4.浏览器对高级javascript特性兼容程度较低webpack是前端项目构建工具(打包工具)提供了有好的模块化支持,以及代码压缩混淆,处理js兼容问题,性能优化等强大功能二、在项目中安装和配置webpack1.运行npm install webpack webpack-cli -D命令,安装webpack相关的包2.在项目根目录中,创建名为webpack.config.js原创 2021-08-07 11:38:45 · 587 阅读 · 0 评论 -
html-webpack-plugin插件的使用
一、配置html-webpack-plugin生成预览页面1.运行 npm install html-webpack-plugin -D命令,安装生成预览页面的插件2.修改webpack.config.js文件头部区域,添加如下配置信息: const HtmlWebpackPlugin = require('html-webpack-plugin') const htmlPlguin = new HtmlWebpackPlugin({ //创建插件的实例对象 template原创 2021-08-07 15:49:53 · 276 阅读 · 0 评论 -
webpack中的加载器(loader)
一、了解webpack加载器1.webpack加载器(loader)的作用 在实际开发过程中,webpack默认只能打包处理以.js后缀名结尾的模块,其他非.js后缀名结尾的模块,webpack默认处理不了,需要调用loader加载器才可以正常打包,否则会报错!less-loader 可以打包处理.less相关的文件sass-loader 可以打包处理.sass相关的文件url-loader 可以打包处原创 2021-08-07 18:24:58 · 1323 阅读 · 2 评论 -
webpack_vue
一、在webpack中配置Vue组件的加载器1.运行npm i vue-loader vue-template-compiler -D命令2.在webpack.config.js配置文件中,添加vue-loader的配置项如下:const VueLoaderPlugin = require('vue-loader/lib/plugin')module.exports = { module: { rules: [ //...其他规原创 2021-08-07 19:05:10 · 72 阅读 · 0 评论