webpack3

话不多说,先甩代码先

const path = require('path');

const htmlWebpackPlugin  = require('html-webpack-plugin');

module.exports = {

entry:'./src/app.js'

// {

// main:'./src/js/main.js',

// hello:'./src/js/hello.js'

// }

,

output:{

path:path.resolve(__dirname, "./dist"),//输出的文件的路径,__dirname node相对运行命令的决定路径

filename:'js/[name][hash]-bundle.js',

// publicPath:'http://baidu.cn/'//如果要上线地址,给js加的前缀

},

module:{

loaders:[

{

test:/\.js$/,

// exclude:/node_modules/,

include:path.resolve(__dirname,'src'),//定义只解析SRC下的js文件

exclude:path.resolve(__dirname,'node_modules'),//用node Api方法取路径地址

use:{

loader:'babel-loader',

options:{

presets:['env'],//新版本的babel,支持解析ES6、ES7、ES8语法

plugins:['transform-runtime'],//对一些公共使用的方法模块建立一个独立模块引用,从而避免的重复引用,一定成都加快的打包速度

}

}

}

]

},

plugins:[new htmlWebpackPlugin({

template:'index.html',

title:'webpack is good',

data: new Date(),

minify:{

removeComments:true,//去掉注释

// collapseWhitespace:true,//去掉空格

},

// chunks:['main'],//仅加载哪些js模块

})]

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,867评论 0 21
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,353评论 7 110
  • 自己搞webpack还是从1.X开始的,从一开始都一直想写歌简单的教程神马的,但是迟迟没有动笔。今天决定了,开始记...
    OnlyCozj阅读 5,921评论 1 1
  • —— 踩坑计划第一步 目录一览 webpack3.0学习笔记(一)webpack3.0学习笔记(二)webpack...
    曲终人散Misery阅读 5,244评论 1 7
  • 慢慢成熟长大,在社会上磨炼前行,常常对人事物会生出不信任的情愫。因为时间是变化的,万事万物都是变化的。曾经有的单纯...
    弹珠球阅读 4,657评论 1 3

友情链接更多精彩内容