webpack使用
来源:互联网 发布:程序员之死女主角 编辑:程序博客网 时间:2024/06/05 08:01
1初始化package.json
$npm init
2.安装webpack
$npm install webpack@1.12.x --save-dev
3.创建entry.js,html页面引入bundle.js
<script src='bundle.js'></script>
4.创建webpack.config.js
var webpack = require('webpack')
module.exports = {
entry: './entry.js',
output: {
path: __dirname,
filename: 'bundle.js'
},
module: {
loaders: [
{ test: /\.css$/, loader: 'style-loader!css-loader' },
{ test: /\.(png|jpe?g|gif|ico)(\?\S*)?$/,loader: 'file-loader', query: { name: 'img/[name].[ext]'}}
]
}
}
5.安装各种loader
$cnpm install css-loader style-loader file-loader --save-dev
6.执行webpack
$webpack
阅读全文
0 0
- webpack使用
- webpack使用
- 使用webpack
- webpack使用
- webpack使用
- webpack使用
- webpack使用
- webpack使用
- Webpack使用
- Webpack&React (三) 使用Webpack
- 【webpack】使用webpack进行ES6开发
- webpack 使用插件
- webpack学习笔记<使用>
- webpack使用教程
- Webpack使用以及分析
- webpack配置及使用
- webpack安装和使用
- 使用webpack小实例
- discuz X3.4的最新版QQ互联插件配置教程
- 内核中的中断函数request_irq()
- 【安全牛学习笔记】skipfish
- C注释转换至CPP注释
- hdu 5213 Lucky (莫队+容斥)
- webpack使用
- (笔记) Linux环境下的图形系统简介(X window)
- 由request_irq()函数引发对中断的理解
- Java创建子类对象时的内存分配
- java作业
- C# 进程启动
- 创建一个slider UI,并将其呈现在世界坐标作为血条
- 一步一步创建GStreamer插件(ZZ)
- 【JAVA基础】BitSet