webpack入门

第一段吐槽，webpack请直接跳第二段，又是一轮面试周，第一个面试就被完虐了，凉了之后，重新思考了一下目前的情况，发现不能抱侥幸心理，哈哈哈哈哈，所以打算陆续把学过的前端知识点总结一下，免得再给自己挖坑，不过话说回来，学过的东西，不实际操练一下，或者定时复盘一下，基本上，马上就会忘的七七八八了，多么痛的领悟

webpack，纵览前端招聘信息，webpack或者gulp这些打包工具貌似已经是必备技能，不过今天只说webpack，官网对webpack的解释是：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
所以一句话就是，webpack会把项目中的所有模块打包，供我们使用。
一个简单的webpack配置文件是这样的：
const path = require(‘path’);

module.exports = {
entry: ‘./src/index.js’,
output: {
filename: ‘bundle.js’,
path: path.resolve(__dirname, ‘dist’)
},
module: {
rules: [
{
test: /.css$/, use: [ ‘style-loader’, ‘css-loader’ ] }, { test: /.(png|svg|jpg|gif)$/,
use: [
‘file-loader’
]
},
{
test: /.(woff|woff2|eot|ttf|otf)$/, use: [ ‘file-loader’ ] }, + { + test: /.(csv|tsv)$/,
+ use: [
+ ‘csv-loader’
+ ]
+ },
+ {
+ test: /.xml$/,
+ use: [
+ ‘xml-loader’
+ ]
+ }
]
}
};

//未完待续。。。