第一模块:
课程名称:TypeScript封装播放器组件
章节:2-1~2-5
讲师名称:西门老舅
第二模块:
为什么使用Webpack工具?
TypeScript编写的文件,不能直接在浏览器中运行,需要转换成浏览器识别的javascript文件。
每一个独立的组件可以看做是一个模块
提高开发效率,及工程化项目。
Cmd中配置环境:
1. 安装node,检出node是否安装成功(node -v)检测npm是否安装成功(npm -v)
2. 安装webpack。要思考全局安装还是局部安装,全局安装的话,此电脑内所有的项目都会使用这一个版本的webpack,问题就是不够灵活。(npm install -D webpack webpack-cli),如何在项目中使用呢?在项目的根目录下创建一个webpack.config.js文件(webpack的配置文件)
Module.exports={ Entry:’src/main.js’, Output:{ Path:path.resolve(_dirname,’dist’), Filename:’main.js’ }, Module:{ Rules:[ { test:/\.css$/, use:[‘style-loader’,’css-loader’] } ] }, Plugins:[ New HtmlWebpackPlugin({ Template:’./src/index.html’ }); ], Mode:’develoment’ } Packpage.json文件中: “script”:{ “build”:”webpack –config webpack.config.js”, }
第四模块: