【文件属性】:
文件名称:vue-cli-webpack:从零开始搭Vue项目
文件大小:5.46MB
文件格式:ZIP
更新时间:2021-05-09 16:23:37
JavaScript
vue-cli-webpack
从零开始搭Vue项目,主要是想脱离对脚手架全家桶的依赖,以及从中深入学习一点webpack相关的知识,不要每次打开package.json以及webpack的配置文件都一脸懵逼。
新建项目
mkdir vue-cli-webpack
cd vue-cli-webpack
使用npm init生成package.json文件
npm init
执行上述命令后,在项目文件夹下生成了package.json文件。
文件中的各个字段介绍:
引入webpack
webpack使用教程:
npm install webpack --save-dev
npm install webpack-cli -D
然后创建一些必要的文件:
touch index.html
mkdir src
cd src
touch main.js
main.js文件如下:
console.log
【文件预览】:
vue-cli-webpack-master
----config()
--------webpack.config.js(3KB)
----package.json(1KB)
----index.html(144B)
----dist()
--------9ad4b051a5697b27b8fde99d326e3f72.png(2.67MB)
--------index.html(200B)
--------bundle.js(337KB)
----src()
--------img()
--------component()
--------main.js(159B)
--------styles()
----.idea()
--------misc.xml(174B)
--------vcs.xml(180B)
--------vue-cli-webpack.iml(458B)
--------modules.xml(282B)
--------workspace.xml(21KB)
----.gitignore(15B)
----README.md(13KB)