https://www.imooc.com/article/2688
vue.js 基本知识,来自慕课网
Webpack(模块打包机):分析项目结构,找到js模块以及其他的一些浏览器不能直接运行的拓展语言,将其转换和打包为合适的格式供浏览器使用。
注:
CommonJS规范规定,
每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即 module.exports)是对外的接口。加载某个模块,其实是加载该模块的module.exports属性。
CommonJS规范特点:
^所有代码都运行在模块作用域,不会污染全局作用域。
^模块可以多次加载,但是只会在第一次加载时运行一次,然后运行结果就被缓存了, 以后再加载,就直接读取缓存结果。要想让模块再次运行,必须清除缓存。
^模块加载的顺序,按照其在代码中出现的顺序。
正式使用Webpack
webpack可以在终端使用,基本方法如下:
webpack{entry file}{detination for bundled file}
#{entry file} 处填写入口文件的路径
#{desiination for bundled file} 处填写打包文件的存放路径
#填写路径时不用加 {}
注:webpack不是全局安装的情况,需要额外指定node_modules中的地址,即:
node_modules/.bin/webpack app/main.js public/bundle.js