手记

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

第一模块:

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


第四模块:


0人推荐
随时随地看视频
慕课网APP