随笔分类 -  webpack

webpack2.2API阅读笔记
摘要：entry：告诉webpack从哪里开始打包 用法：entry：string|Array<string> output:指定输出的文件 阅读全文
posted @ 2018-06-25 15:46 吃草的虾米 阅读(157) 评论(0) 推荐(0)
项目中常用的各个依赖包的解释
摘要：antd-mobile：蚂蚁金服提供的移动端框架babel： "babel-core"://命令行转码，如某些代码需要调用babel的api进行转码"babel-eslint"://用于静态检查代码的语法和风格 "babel-loader": "babel-plugin-add-module-exp 阅读全文
posted @ 2018-06-21 20:08 吃草的虾米 阅读(431) 评论(0) 推荐(0)
webpack热加载
摘要：webpack --watch ：监控当代码发生变化时，重新编译。 webpack -dev-server:代码发生变化时浏览器自动刷新 webpack-dev-server --contentbase src --inline --hot:指定启动的目录和热加载 阅读全文
posted @ 2017-05-16 18:36 吃草的虾米 阅读(186) 评论(0) 推荐(0)
webpack处理项目中的资源文件
摘要：loader：可同步可异步，可在nodejs里使用，可带参数，可让webpack去执行它不支持的东西 例如我们之前用到的style-loader，常用的方式是在webpack.config.js中加loader配置 安装babel-loader： npm install --save-dev bab 阅读全文
posted @ 2017-03-25 16:53 吃草的虾米 阅读(171) 评论(0) 推荐(0)
webpack自动生成html
摘要：1.怎么解决每次打包后的文件名都要记住再可使用的问题 1.1首先要用到webpack的一个插件：nmp install html-webpack-plugin --save-dev 1.2在webpack-config.js里引入对插件的引用 2.怎么将输出的文件，输出到不同的目录下 2.1首先改变 阅读全文
posted @ 2017-03-25 11:36 吃草的虾米 阅读(391) 评论(0) 推荐(0)
webpack.config.js
摘要：var htmlWebpackPlugin = require('html-webpack-plugin');//引用plugin，引用目的见自动生成html的文见 var path=require('path')//nodejs提供的获取路径的方法 //commonjs的模块化输出 module. 阅读全文
posted @ 2017-03-25 09:13 吃草的虾米 阅读(239) 评论(0) 推荐(0)
webpack在项目中的配置
摘要：为什么要创建webpack.conflg.js 在执行webpack时会在项目的根目录寻找webpack.conflg.js,当然也可以通过--conflg来指定要运行的文件。webpack --config aa.js 打包过程中显示一些参数： 1.找到package.json 2.在script 阅读全文
posted @ 2017-03-25 09:13 吃草的虾米 阅读(123) 评论(0) 推荐(0)
webpack安装及命令
摘要：webpack和browserify都是前端打包工具 1.webpack是什么？ webpack是前端打包工具，可以把很多模块打包成很少的文件。它有自己的特性代码分割，它可以使你项目在加载过程中只加载你需要的文件。除了常用的前端文件它可以处理外，还可以处理你自定义的文件。 2.安装和命令行 0.新建 阅读全文
posted @ 2017-03-24 22:36 吃草的虾米 阅读(255) 评论(0) 推荐(0)
hello.js
摘要：require('world.js') require('style-loader!css-loader!./style.css') //可以不在此处写style-loader和css-loader详情请见webpack安装及命令第六条 function hello(){ return 'hello 阅读全文
posted @ 2017-03-24 22:06 吃草的虾米 阅读(189) 评论(0) 推荐(0)