你的位置:首页 > 软件开发 > Java > webpack初入

webpack初入

发布时间:2016-11-11 04:00:36
序言:前面已经倒腾了grunt、gulp、fis3,今天来通过一个例子玩玩webpack!最终预览通过下面的例子,能够了解以下几点:1、如何安装webpack2、如何使用webpack3、如何使用loader4、如何使用webpack搭建本地web服务器一、如何安装(这里使用的c ...

webpack初入

序言:前面已经倒腾了grunt、gulp、fis3,今天来通过一个例子玩玩webpack!最终预览

通过下面的例子,能够了解以下几点:

1、如何安装webpack

2、如何使用webpack

3、如何使用loader

4、如何使用webpack搭建本地web服务器

一、如何安装(这里使用的cnpm,个人感觉比npm快)

输入以下命令进行全局安装:

cnpm install webpack -g

此时webpack已经生效如下图,(提示:同样基于node,请自行安装node.)

webpack初入

二、使用(主要是2个配置文件:package.json和webpack.config.js)

1、命令行进入demo03根目录:(该demo目录如下)

webpack初入

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

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。