Webpack Getting Started Tutorial 4

21. Create a Webpack.config.js configuration file

echo ... > Webpack.config.js

650) this.width=650; "Src=" https://s2.51cto.com/wyfs02/M01/8D/B8/wKiom1inxgax7uAIAAAEPHEPewo699.png-wh_500x0-wm_ 3-wmp_4-s_2297265928.png "title=" 21.png "alt=" Wkiom1inxgax7uaiaaaephepewo699.png-wh_50 "/>

22. Modify the Webpack.config.js content to the following content

Module.exports = {entry: "./runoob1.js", Output:{path:__dirname,filename: "Bundle.js"},module:{loaders:[{test:/\. Css$/,loader: "Style-loader!css-loader"}]}}

23. Packaging with the Webpack command

Webpack

650) this.width=650; "Src=" https://s2.51cto.com/wyfs02/M01/8D/B6/wKioL1inxojCjMgTAAAem4QOUb8082.png-wh_500x0-wm_ 3-wmp_4-s_4029295975.png "title=" 23.png "alt=" Wkiol1inxojcjmgtaaaem4qoub8082.png-wh_50 "/>

24. Use the browser to open the Index.html page, the output is as follows

650) this.width=650; "Src=" https://s5.51cto.com/wyfs02/M00/8D/B6/wKioL1in3cHD6R9_AAAbWfwaZ-w926.png-wh_500x0-wm_ 3-wmp_4-s_2626321720.png "title=" 24.png "alt=" Wkiol1in3chd6r9_aaabwfwaz-w926.png-wh_50 "/>

This article is from the "Yan" blog, please be sure to keep this source http://suyanzhu.blog.51cto.com/8050189/1899012

Webpack Getting Started Tutorial 4