第一模块:
课程名称: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”,
}第四模块: