webpack
僵尸C掉了我的脑子
路漫漫其修远兮
展开
-
webpack配置babel时候报错ERROR in ./src/main.js Module build failed (from ./node_modules/babel-loade
报错信息 ERROR in ./src/index.js Module 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...原创 2019-11-04 10:12:56 · 7207 阅读 · 2 评论 -
webpack4.x项目的基本配置、使用步骤、新增特性详解
1.新建空文件夹 2.快速初始化项目 创建包管理工具,运行如下命令: npm init -y 运行后创建的相关配置文件如下图: 3.创建目录 在项目根目录创建src源代码目录和dist产品目录 在src目录下创建index.html 4.安装webpack 使用cnpm安装webapck,运行: cnpm i webpack webpack-cli -D 全局运行npm i cnpm ...原创 2019-11-03 17:43:21 · 362 阅读 · 0 评论 -
webpack+vue 创建简单项目
安装nodejs 用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的, 所以首先要安装nodejs,学习vue有必要了解下nodejs和npm的基本知识: nodejs安装: http://nodejs.cn/ npm 介绍: https://www.npmjs.cn/ 安装命令行工具 npm install -g vue-cli -g表示全局安装...原创 2019-08-23 18:54:46 · 281 阅读 · 0 评论 -
webpack处理 非 js 类型的文件
webpack处理 非 js 类型的文件 在初次碰到 webpack 的时候你是否有这样的困惑? 在项目的jS入口文件中导入 css样式表 import './css/index.css' 却发现报错!!无法使用,这是怎么回事呢?看看解决方式吧…… 如果要处理 非 js 类型的文件,我们需要手动安装一些 合适的 第三方 loader 加载器; 1.如果想要打包处理 css 文件,需要安装...原创 2019-08-20 10:29:08 · 460 阅读 · 0 评论 -
webpack 基本配置
1.首先创建根目录,并执行: npm init 2.创建项目文件夹及相关文件 root directory/ ├── src/ (存放项目源代码) │ ├── index.html (项目首页) │ └── main.js (项目的js入口文件) ├── dist/ (存放项目打包之后输出的文件) 项目文件创建好之后,在 main.js 中输入信息...原创 2019-08-20 12:40:38 · 128 阅读 · 0 评论 -
webpack 基本配置2
在页面中引入一些样式 1.在 项目的JS入口文件 main.js中添加: import './css/index.css' import './css/index.less' import './css/index.scss' 2.安装对应的第三方 loader cnpm i style-loader css-loader -D cnpm i less-loader less -D cn...原创 2019-08-20 16:11:36 · 94 阅读 · 0 评论 -
webpack中 url-loader 的使用
1.引入图片 2.报错信息 /默认情况下,webpack 无法处理 css 文件中的 url 地址,不管是图片还是 字体库,只要是URL地址,都处理不了 3.安装 loader cnpm i url-loader file-loader -D file-loader在url-loader内部依赖,不需要定义 4.打开webpack.config.js新建一个第三方的匹配规则 { test:...原创 2019-08-20 17:03:30 · 464 阅读 · 0 评论 -
webpack 中如何使用 vue
1.安装vue的包: cnpm i vue -s 2.由于 在 webpack 中,推荐使用 .vue 这个组件模板文件定义组件,所以,需要安装 能解析这种文件的loader cnpm i vue-loader vue-template-complier -D 3.在 main.js 中,导入 vue 模块 import Vue from 'vue' 4.定义一个 .vue 结尾的组件,其中...原创 2019-08-23 12:03:04 · 141 阅读 · 0 评论