Js:
Css:
Images:
字体文件:
模板文件:
<link rel="stylesheet" src="./index.less">
是无效的,因为浏览器并不能识别.less的文件。webpack是前端的一个项目构建工具,它是基于nodejs开发出来的一个前端工具。
npm install webpack -g
全局安装webpack,这样就能全局使用webpack命令了。npm install webpack --save-dev
安装到项目依赖中需要全局引入webpack,在项目中npm install jquery --save
安装jquery。
小案列的目录结构
index.html代码:
main.js代码:
打包结果:
如上操作,引入通过webpack打包后的bundle.js文件,不需要在引入main.js文件了,也可实现相同效果。
手机扫一扫
移动阅读更方便
你可能感兴趣的文章