| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> Webpack -> 正文阅读 |
|
[JavaScript知识库]Webpack |
一、webpack五个核心概念?1.Entry 入口(Entry)指示 webpack 以哪个文件为入口起点开始打包 2.Output 输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去,以及如何命名 3.Loader Loader 让 webpack 能 够 去 处 理 那 些 非 JavaScript 文 件 (webpack 自 身 只 理 解 JavaScript) 4.Plugins 插件(Plugins)可以用于执行范围更广的任务。插件的范围包括,从打包优化和压缩, 一直到重新定义环境中的变量等。 5.Mode 模式(Mode)指示 webpack 使用相应模式的配置 二、初始化配置1.初始化package.json输入指令:npm init 2.下载并安装webpack??
初体验1. webpack能处理js/json资源,不能处理css/img等其他资源 webpack.config
在终端里使用npm rum build或者npm run server用的都是本地的webpack(前提配置上述代码),内部其实找的是(./node_modules/webpack)这个目录,没找到就去全局找。不配置的话,用./node_modules/webpack,这也是本地的。直接用webpack,则用的是全局的。 打包的时候,main.js依赖什么就会打包什么。写的normal.css样式文件,打包的话:main.js需要引入require('./css/normal.css'),loader的配置参考上面代码或者访问:https://www.webpackjs.com/loaders/ 配置图片 参考上述配置,结果如下: babel-loader:es6转es5 npm install -D? babel-loader babel-core babel-preset-es2015 配置webpack.
webpack结合vue使用 npm i vue-loader vue-template-compiler -D
plugin插件
搭建本地服务器 npm i webpack-dev-server -D? ? ?注意版本问题
|
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 | -2024/12/27 20:20:19- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |
数据统计 |