webpack学习笔记

1 webpack是一款很好用的构建工具

2 相比其他构建工具，webpack的特点在于webpack能把任何类型的资源模块转换为.js代码块实现与其他模块的合并和加载。

3 webpack通过loader来实现上述的转换。通过loader来实现转换其他资源到JavaScript代码。

4 webpack plugins插件，plugin的存在可以看做是实现那些loader实现不了或者不适合在loader中实现的功能。

5 webpack.config.js 配置

var path = require("path");
// var HtmlWebpackPlugin = require("html-webpack-plugin"); // 插件使用
module.exports = {
    entry: path.join(__dirname, "index"),
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [{
            test: /\.css$/,
            loaders: ["style", "css"]
        }]
    },
    plugins: [
        // new HtmlWebpackPlugin({
        //     title: "use plugin"
        // })
    ]
}

6 其他，webpack-dev-server使用

参考：
webpack
React全栈