webpack 入门

安装

npm init
npm install webpack -g
npm install --save-dev webpack-dev-server
npm install --save-dev raw-loader
npm install --save-dev less-loader

支持html自动刷新

npm install --save-dev raw-loader

在webpack.config.js中配置

module:{
    loaders: [
        {
         test: /\.html$/,
         loader: "raw-loader" 
         }
]
}

在入口文件main.js(我的是main)文件中加入请求代码

// main.js
require('./index.html')

raw-loader的github地址

通过链接支持html自动更新

http://localhost:8080/webpack-dev-server/bundle

未完等待更新

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写在前面 第一次接触webpack,是在一个react项目参与中,刚开始使用的时候,甚至不知道是做什么用的,只看到...
    默默先生Alec阅读 3,902评论 0 3
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,545评论 7 35
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,849评论 0 21
  • 有时候,觉得就这样坐着,看看书,平静,但真的很幸福。 小时候的记忆里,总有跟着爷爷奶奶去新华书店的片段,找到几本喜...
    不简单的简单阅读 1,430评论 0 4
  • 没有时间去旅游,想拍照却觉得日常景象很无趣? 在我们的生活中,有一些看起来低成本不起眼,但在摄影师手里却会变成创意...
    我们爱拍照阅读 7,563评论 0 1