webpack学习笔记2

创建配置文件

上章说到可以用命令进行打包，这章说明通过webpack.config.js实现打包工作

这样做的目的可以避免在终端输入大量命令，提高效率

首先在根目录创建webpack.config.js

webpack.config.js

const path=require('path')

module.exports={
    entry:'./src/script/index.js',              //入口
    output:{                                    //出口
        filename:'bundle.js',
        path:path.resolve(__dirname,'dist')
    }
};

然后输入[CMD] webpack 就可以实现打包

当然配置文件的名字可以随意取，比如取名为：webpack.Main.config.js，命令稍作改变[CMD] webpack --config webpack.Main.config.js

加载CSS

webpack可以通过loader引入任何其他类型的文件

安装命令[CMD] npm install --save-dev style-loader css-loader