webpack学习笔记

lifesimple

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全栈

阅读 3.2k

2017开始的技术笔记
写好代码做好事,新的一年要学习,学习,再学习!

好好学习

816 声望
21 粉丝
0 条评论

好好学习

816 声望
21 粉丝
文章目录
宣传栏