Webpack笔记
来源:互联网 发布:淘宝冰点营销怎么使用 编辑:程序博客网 时间:2024/06/05 11:56
项目的Demo放在:bye
安装Webpack
首先得有Node.js
然后通过npm install -g webpack安装webpack
在根目录创建webpack.config.js
module.exports = { entry: './js/main.js', output: { filename: './dist/bundle.js' }, module: { loaders:[ { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}, { test: /\.css$/, loader: 'style-loader!css-loader' }, ] }};执行webpack
webpack将css js html甚至图片所有资源都放在js里面
然后在index。html里面读一个js就可以加载所有需要的资源了
可以在main.js里面用require方法加载的需要的内容,比如图片,样式
var img1 = document.createElement("img");img1.src = require("../img/small.png");document.body.appendChild(img1);var img2 = document.createElement("img");img2.src = require("../img/big.png");document.body.appendChild(img2);document.write('<h1>你好</h1>');require('../css/app.css');
0 0
- Webpack笔记
- webpack笔记
- webpack笔记
- webpack笔记
- webpack笔记--
- webpack笔记
- webpack学习笔记
- Grunt、webpack个人笔记
- webpack学习笔记
- webpack学习笔记<使用>
- Webpack 学习笔记
- webpack学习笔记
- webpack 学习笔记
- webpack入门学习笔记
- webpack学习笔记
- webpack学习笔记一
- 【转】webpack学习笔记
- webpack笔记----插件
- Oracle关于高速缓存区应用原理
- 二维数组中的查找
- sizeof 与 strlen
- Spring集成AspectJ的注解模式
- Java适配器模式、代理模式及动态代理
- Webpack笔记
- 中继器
- 理解OAuth 2.0
- c++ primer plus 第十七章 输入 输出 文件 IO iostream fstream
- Remove Duplicates from Sorted List II
- XmlSerializer 短信备份
- java初步学习之堆栈
- Maven内置隐式变量(转)
- JavaScript常见的数据类型