【金秋打卡】第二十天 组件化实现播放器（创建初始环境）

第一模块：

课程名称：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”,
}

第四模块：