![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端 webpack学习 随记
mobin518
这个作者很懒,什么都没留下…
展开
-
webpack转换生成新的js文件
一、 webpack 原文件路径 转换后文件路径 (每次都需要执行该指令)二、直接 webpack ; 通过添加webpack.config.js文件来配置 原文件 与 输出文件三、webpack- dev-server 自动编译 更新1、 安装webpack-dev-server 使用 npm i webpack-dev-server -D 执行安装 开...原创 2019-02-15 11:30:08 · 1444 阅读 · 0 评论 -
element-ui 使用阿里iconfont图标
一、在阿里图标 创建项目 注意 前缀不要与element-icon的前缀相同 二、将创建的项目 下载到本地三、将文件复制到项目中 四、在main.js中导入css样式 五、使用图标 在输入框的内部使用 六、效果 ...原创 2019-02-21 10:54:55 · 486 阅读 · 0 评论 -
vue 使用axios 学习
1、axios的说明 参见:https://www.kancloud.cn/yunye/axios/2348452、axios的使用(1)通过创建config.js配置文件来设置 axiosl基本的路径和参数; const baseUrl = '域名' const config = { ...原创 2019-03-05 10:58:07 · 144 阅读 · 0 评论 -
Invalid Host header
在 host配置 127.0.0.1 域名 ;使用该 域名 访问 VUE项目是 报:Invalid Host header;可以在build目录中的webpack.base.config.js中添加如下webpack-dev-server配置:devServer: {disableHostCheck: true,}:...原创 2019-03-01 14:47:26 · 301 阅读 · 0 评论 -
style-loader、css-loader、less-loader处理less样式文件/style-loader、css-loader、sass-loader处理scss样式文件
less样式文件 :步骤同css样式的处理1、cnpm i less-loader -D 安装less-loader加载器;cnpm i less -D 安装这个依赖;2、配置规则:{test:/\.less$/,use:['style-loader','css-loader','less-loader']} 需要css样式的2个加载器; scss样式文件 :步骤同cs...原创 2019-02-15 16:58:45 · 1694 阅读 · 1 评论 -
style-loader 与css-loader 处理 css样式文件
webpack对于css样式文件的加载处理,直接处理会报错 ,缺省合适的加载器。安装 加载器在webpack.config.js中进行配置ps:webpack 判读是否是JS类型的文件。不是JS类型的,会去webpack.config.js中查找该后缀的规则对应的加载器(多个加载器是从右->左匹配执行);如果找不到对应文件类型的加载器,就报错。...原创 2019-02-15 16:31:52 · 969 阅读 · 0 评论 -
html-webpack-plugin
作用:1、根据指定的页面在内存中生成 指定的页面,2、自动 将生成的xxx.js文件引用到页面中去安装使用插件说明:原创 2019-02-15 15:49:59 · 593 阅读 · 1 评论 -
npm init
一、npm init 创建 package.json1、package.json :文件里记录项目的描述信息:项目作者、项目描述、项目依赖哪些包、插件配置信息等。2、npm init -y :跳过提问的问题。...原创 2019-02-15 10:34:10 · 1914 阅读 · 0 评论 -
package-lock.json
一、package-lock.json1、锁定项目开发使用的包的版本,需要提交该文件原创 2019-02-15 10:52:02 · 304 阅读 · 0 评论 -
webpack
一、安装1、npm install webpack -g:全局安装webpack; webpack -v :查看版本; 4.0版本后需要单独安装webpack-cli:npm install webpack-cli-g;二、webpack.config.js https://blog.csdn.net/mobin518/article/det...原创 2019-03-08 12:12:28 · 99 阅读 · 0 评论