序言:前面已经倒腾了grunt、gulp、fis3,今天来通过一个例子玩玩webpack!最终预览通过下面的例子,能够了解以下几点:1、如何安装webpack2、如何使用webpack3、如何使用loader4、如何使用webpack搭建本地web服务器一、如何安装(这里使用的c ...
序言:前面已经倒腾了grunt、gulp、fis3,今天来通过一个例子玩玩webpack!最终预览
通过下面的例子,能够了解以下几点:
1、如何安装webpack
2、如何使用webpack
3、如何使用loader
4、如何使用webpack搭建本地web服务器
一、如何安装(这里使用的cnpm,个人感觉比npm快)
输入以下命令进行全局安装:
cnpm install webpack -g
此时webpack已经生效如下图,(提示:同样基于node,请自行安装node.)
二、使用(主要是2个配置文件:package.json和webpack.config.js)
1、命令行进入demo03根目录:(该demo目录如下)
2、输入命令:cnpm init,自动快速package.json文件,此时demo03根目录下回自动生成一个package.json文件。
3、命令行输入:cnpm install --save-dev webpack,安装webpack依赖包;
4、命令继续输入:cnpm install --save-dev css-loader,安装css-loader依赖;
5、命令输入:cnpm install --save-dev style-loader,安装style-loader依赖;
6、在js目录下创建一个entry.js文件输入如下代码:
require('../css/style.css');//导入cssdocument.write("<h1><span>Life</span><span>is a</span><span>gradient</span></h1>");
原标题:webpack初入
关键词:web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。