webpack
李初新
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack学习(一)webpack第一个项目的构建&基础知识&webpack.config.js构建&webpack构建命令的流程
一、基础知识 首先创建一个文件项目为webpack-study项目 再创建 src文件 创建 dist文件 dist文件夹存放发布产品级别的源代码. npm 使用npm 初始化项目 打开当前项目目录下的终端 输入命令 npm init -y 再安装当前你需要的包 我这里需要Jquery 在终端输入命令安装Jquery : npm i jquery -S 当前项目目录变成这样: ...原创 2019-06-26 11:36:34 · 955 阅读 · 0 评论 -
NPM的使用&nrm工具的使用&-S和-D的区别&
安装略 一、nrm工具的使用: 1.安装命令: npm i nrm -g 全局安装 nrm包。 2.使用: nrm ls 查看当前所有的可用的镜像源地址 以及当前所用的地址 3.使用命令: nrm use npm 或者 nrm use taobao 来切换镜像源地址 ...原创 2019-06-26 14:14:06 · 252 阅读 · 0 评论 -
webpack(二)webpack-dev-server的使用&webpack-dev-server基本命令&html-webpack-plugin插件的使用
一、webpack-dev-server的使用 使用原因:因为每次修改代码后,都要使用webpack进行打包,所以使用webpack-dev-server这个工具可以 自动检测代码进行构建 1.安装方式: npm i webpack-dev-server -D 把这个工具安装在本地项目开发依赖中 2.安装完毕后,这个工具的用法和webpack命令的用法是完全一样的 3.由于我们是在项目本地安装...原创 2019-06-26 15:46:44 · 1525 阅读 · 0 评论 -
webpack学习(四)在webpack中使用vue&export default 和 export使用方式&vue-router使用方式&webpack中子路由和样式设置
一、在webpack中使用vue 1.安装 vue命令 npm i vue -S 2.在webpack中使用Vue 方法1 在main.js中直接导入vue.js中的路径 import Vue from ‘…/node_modules/vue/dist/vue.js’ 方法2 main.js中通常写法: import Vue from ‘vue’ 在webpack.config.js中添加一个...原创 2019-07-02 15:44:48 · 2523 阅读 · 0 评论 -
webpack学习(三)使用第三方加载器去加载css less等&url-load的使用&babel配置
一、加载CSS文件 加载css文件不能直接用link 所以我们肯定要用 import来导入这个css文件 这样直接导入是会报错的 在main.js直接导入会报错 // 使用import 导入样式表 import './css/index.css' //如何直接这样导入会报错 注意: 因为webpack默认的打包处理值是针对js文件,无法处理其他的非JS类型的文件 如果非要处理这些非JS文件需要借...原创 2019-06-27 19:41:13 · 1713 阅读 · 0 评论
分享