本文共 1453 字,大约阅读时间需要 4 分钟。
prototype属性简单解释:
prototype 属性使您有能力向对象添加属性和方法。
复杂解释:
链的链的链的链
有关webpack 的一些知识:
01、bundle.js 相当于是把整个文件打包后生成的~
02、 webpack是一个打包工具 分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。
03、 入口, 出口, loader 模块转换器 plugins插件 module模块
在webpack里一个模块对应着一个文件,webpack会从配置的 Entry 开始递归找出所有依赖的模块。
04、(1)启动后在entry里配置的 module开始递归解析entry所依赖的所有module(2)每找到一个module, 就会根据配置的loader去找相应的转换规则(3)对module进行转换后在解析当前module所依赖的module(4)这些模块会以entry为分组,一个entry和所有相依赖的module也就是一个chunk(5)最后webpack会把所有chunk转换成文件输出,在整个流程中webpack会在恰当的时机执行plugin的逻辑
05、自己写js 自己写一个导出, 所谓导出嗯, 也就是
(1)导出 (hello.js文件下) module.exports = function ( ) {
(2)引入 index.js引入这个模块,那就是
const xxx = require(./hello,js)
xxxxx. appendChild(hello())
(3)index, 就直接去引用了?...
(4) 吧index.js编译到bundle.js去执行
上面的例子, 入口index.js 出口bundle.js
06、通过配置文件来使用webpack
使用 webpack.config.js
在此处写下了 module.exports = {
entry: / output: 【定义好了入口出口文件~】
终端输入webpack就好了。。。 直接引用了那js文件..
07、自定义~..本地服务器(不用框架脚手架直接webpack:
npm install webpack-dev-server -D
随后,添加配置项到webpack.config.js,并在package.json文件中添加启动命令
- -open 是用于启动完服务器后自动打开浏览器
也可添加一个dev-tool 对调试的话生成.map文件..
loaders
style-loader和css-loader,这样
转载地址:http://qouti.baihongyu.com/