webpack 的学习

    xiaoxiao2021-03-25  176

    webpack是基于node的项目,目的是把有依赖关系的各种文件打包成一系列静态资源。

    https://zhuanlan.zhihu.com/p/20367175?columnSlug=FrontendMagazine

    http://www.runoob.com/w3cnote/vue2-start-coding.html

    参照以上网站学习

    webpack 和 vue-cli  脚手架(快速搭建目录的东东)

    步骤:

    第一步:安装全局  npm install webpack -g

    第二步:到所到文件夹 安装本地    npm init  npm install webpack -D

    第三步:创建a.js index.html两个文件,在index.html中有个b.js ,命令   webpack a.js build.js  

    index.html就有a.js中的功能了。

    同样的!再建个c.js  或者建个 style.css加样式 a.js里面这样写: var c=require('./c') require('./style.css') var oApp=document.getElementById('app') c里面这样写: oApp.style.innerHTML="我是c文件"

    第四步:安装  工程目录

    npm install vue-cli -g vue init webpack -simple 工程名字<工程名字不能用中文>或者创建 vue1.0 的项目vue init webpack -simple#1.0 工程名字<工程名字不能用中文>

    转载请注明原文地址: https://ju.6miu.com/read-4766.html

    最新回复(0)