Vue.js脚手架的搭建和使用

Posted 2023-03-20

参考技术A 你将学到以下知识：

webpack 是一个现代 javascript 应用程序的模块打包器(module bundler)，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。

它只是一个工具，主要是它已经帮助我们简化了很多复杂操作！例如：
现在的前端，越来越复杂，特别是SPA（single page web application）流行之后，一个应用程序往往会依赖很多其他的模块，或者编译scss、less、stylus等，如果仅仅是靠人来管理是不可能的，这个时候我们必须依赖于webpack来解决。

输入 命令 vue 查看一下 ,有东西说明成功了！（如果没有成功忽略）

安装：webpack模板 （敲黑板！！！！）

出现如下图：

（成功后）cd 到自己的工程名字 （敲黑板！！！！）

可以来解析css
注意：

安装：（用来解析.css文件的loader(style-loader和css-loader)）

安装：可以创建和解析less和scss

2.6-webpack-图片&字体：
可以使用图标和图片

2.7-webpack-html：
在html文件中自动引入js文件

1、安装webpack后的Vue目录：

2、src目录必须理解

4、列表说明