模块化的书写及应用的认识

  前端规范的思想指的就是模块化开发,所谓模块化开发,就是保证每一个文件都是一个独立的模块,互不影响,有了模块,咱们就能够更方便地使用别人的代码,想要什么功能,就加载什么模块。html

  那么,如何写模块呢?前端

  1.经过cmd下载全局的 webpack (webpack 是一个打包工具),目前建议下载3.8.0版本node

  

  2.建立一个后缀名是.js的文件,并在该js文件中写入须要的js内容(内容能够是变量,函数...),而且经过module.exports暴露出去webpack

  

  3.在该文件夹的命令窗口中下载 package.jsonweb

  

  4.在node_modules文件夹中建立新的文件夹而且将上面建立的js文件与下载的package.json放到里面json

  

  5.在项目文件夹下从新建立一个js文件,经过require()引入node_modules中刚刚建立的文件夹模块化

  

  注意:函数

    但凡引入文件必须使用require()工具

    被引入的文件 必须暴露文件  module.exports= (暴露的是什么 引入的就是什么)ui

  6.在命令窗口中将上一步中建立的js文件(cc.js)打包成为一个模块(bb.js) webpack 旧的js文件名 打包后的文件名

  

  7.将打包过得文件引入到html页面

  

  这就是模块化的实现.

相关文章
相关标签/搜索