1.0.3 • Published 7 years ago
5c6jl_webpack_button v1.0.3
有关模块版本化与发布(npm)
本项目是对Webpack打包初步学习
通过项目中的webpack.config.js,对模块button(./src/Components)进行打包,并通过项目中的index.html文件来使用通过webpack打包之后的./builds/bundle.js文件
js文件使用的语法是ES6,由于ES5的js文件通过webpack打包无法被html使用。
webpack.config.js中的属性有:
entry: 入口文件的位置,是webpack进行打包的入口文件
output: 输出文件的位置,是webpack完成打包之后输出的js文件的位置
devServer: 当本地需要调试网页时,可以使用webpack构建本地服务器
loader: 当webpack需要对不同的文件进行转换时,就需要通过使用不同的loader进行转换