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 · 913 阅读 · 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 · 217 阅读 · 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 · 1480 阅读 · 0 评论 -
webpack学习(四)在webpack中使用vue&export default 和 export使用方式&vue-router使用方式&webpack中子路由和样式设置
一、在webpack中使用vue1.安装 vue命令npm i vue -S2.在webpack中使用Vue方法1在main.js中直接导入vue.js中的路径import Vue from ‘…/node_modules/vue/dist/vue.js’方法2main.js中通常写法:import Vue from ‘vue’在webpack.config.js中添加一个...原创 2019-07-02 15:44:48 · 2423 阅读 · 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 · 1649 阅读 · 0 评论