qq_35457469的博客

报错信息ERROR in ./src/index.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/thinker/Deskto...

1.新建空文件夹2.快速初始化项目创建包管理工具，运行如下命令：npm init -y运行后创建的相关配置文件如下图：3.创建目录在项目根目录创建src源代码目录和dist产品目录在src目录下创建index.html4.安装webpack使用cnpm安装webapck，运行：cnpm i webpack webpack-cli -D全局运行npm i cnpm ...

安装nodejs用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,所以首先要安装nodejs,学习vue有必要了解下nodejs和npm的基本知识:nodejs安装: http://nodejs.cn/npm 介绍: https://www.npmjs.cn/安装命令行工具npm install -g vue-cli-g表示全局安装...

webpack处理 非 js 类型的文件在初次碰到 webpack 的时候你是否有这样的困惑？在项目的jS入口文件中导入 css样式表import './css/index.css'却发现报错！！无法使用，这是怎么回事呢？看看解决方式吧……如果要处理 非 js 类型的文件，我们需要手动安装一些 合适的 第三方 loader 加载器；1.如果想要打包处理 css 文件，需要安装...

1.首先创建根目录，并执行：npm init2.创建项目文件夹及相关文件root directory/├── src/ (存放项目源代码)│ ├── index.html (项目首页)│ └── main.js (项目的js入口文件)├── dist/ (存放项目打包之后输出的文件)项目文件创建好之后，在 main.js 中输入信息...

在页面中引入一些样式1.在 项目的JS入口文件 main.js中添加：import './css/index.css'import './css/index.less'import './css/index.scss'2.安装对应的第三方 loadercnpm i style-loader css-loader -Dcnpm i less-loader less -Dcn...

1.引入图片2.报错信息/默认情况下，webpack 无法处理 css 文件中的 url 地址，不管是图片还是 字体库，只要是URL地址，都处理不了3.安装 loadercnpm i url-loader file-loader -D file-loader在url-loader内部依赖，不需要定义4.打开webpack.config.js新建一个第三方的匹配规则{ test:...

1.安装vue的包：cnpm i vue -s2.由于 在 webpack 中，推荐使用 .vue 这个组件模板文件定义组件，所以，需要安装 能解析这种文件的loadercnpm i vue-loader vue-template-complier -D3.在 main.js 中，导入 vue 模块import Vue from 'vue'4.定义一个 .vue 结尾的组件，其中...