rollup打包项目:rollup.config.js

rollup打包带vue文件的项目

import nodeResolve from '@rollup/plugin-node-resolve'
import babel from '@rollup/plugin-babel'
import commonjs from '@rollup/plugin-commonjs';
import vuePlugin from 'rollup-plugin-vue';
import typescript from 'rollup-plugin-typescript2';
import scss from 'rollup-plugin-scss'
import postcss from 'rollup-plugin-postcss';  
import postScss from 'postcss-scss';
import autoprefixer from 'autoprefixer';  
import cssnano from 'cssnano';  
import replace from '@rollup/plugin-replace';
let defaults = { compilerOptions: { declaration: true } };
let override = { compilerOptions: { declaration: false } };export default {input: { // 这种写法也可以进行多入口打包login: 'main.js',},output: {dir: 'dist',format: 'es'},plugins: [babel({exclude: 'node_modules/**',}),nodeResolve(), // 解析 node_modules 中的模块  commonjs(), // 将 CommonJS 模块转换为 ES6 模块 vuePlugin({compileTemplate: true,css: true,}),typescript({tsconfigDefaults: defaults,tsconfig: "tsconfig.json",tsconfigOverride: override}),replace({values: {'process.env.NODE_ENV': '"production"'}}),scss(),postcss({  plugins: [  autoprefixer(),  cssnano(), // 用于压缩 CSS  ], parser: postScss, // 使用 postcss-scss 解析 SCSS 文件   extract: 'assets/index.css', // 指定输出的 CSS 文件名,包括路径  outputStyle: 'compressed' // 压缩 CSS,使其最小化  }), ]
};

rollup打包原生html,js,css项目

import nodeResolve from "@rollup/plugin-node-resolve";
import babel from "@rollup/plugin-babel";
import commonjs from "@rollup/plugin-commonjs";
import terser from "@rollup/plugin-terser";
import copy from "rollup-plugin-copy";
import postcss from "rollup-plugin-postcss";
import scss from "postcss-scss";
import autoprefixer from "autoprefixer";
import cssnano from "cssnano";export default {// input: 'static/source/js/mainHome.js', // 输入文件的路径input: {// 这种写法也可以进行多入口打包login: "src/js/mainLogin.js",home: "src/js/mainHome.js"},output: {dir: "dist",format: "es",},plugins: [babel({exclude: "node_modules/**",}),nodeResolve(), // 解析 node_modules 中的模块commonjs(), // 将 CommonJS 模块转换为 ES6 模块copy({targets: [{ src: "src/views", dest: "dist/views" },{ src: "static/source/img/**/*", dest: "dist/img" },],}),postcss({plugins: [autoprefixer(), cssnano()], // 在这里添加你需要的PostCSS插件,例如autoprefixer等parser: scss, // 使用 postcss-scss 解析 SCSS 文件// extract: true, // 将 CSS 提取到单独的文件中extract: "css/index.css",outputStyle: "compressed", // 压缩 CSS,使其最小化}),terser(), // 使用 Terser 进行代码压缩],
};

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/26529.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

3dmax在设计3D模型时闪退解决方法---模大狮模型网

3ds Max 在设计 3D 模型时闪退可能由多种原因造成,以下是一些常见的解决方法: 更新显卡驱动程序: 一个过时或不稳定的显卡驱动程序可能导致 3ds Max 闪退。请确保你的显卡驱动程序是最新版本,并且与 3ds Max 兼容。 关闭不必要的…

基于MCGS的双容水箱液位控制系统设计【MCGS+MATLAB+研华工控机】

摘 要 液位控制技术在众多工业领域中扮演着至关重要的角色。无论是化工、制药、食品加工还是水处理行业,对液位进行精确控制都是保证生产流程稳定、产品质量可靠的关键环节。因此基于实验平台设计了液位自动控制系统。首先,根据实际液位的控制需求&…

【SpringCloud学习笔记】RabbitMQ(上)

1. RabbitMQ简介 官网地址:https://www.rabbitmq.com/ 2. 安装方式 安装前置准备: 此处基于Linux平台 Docker进行安装,前置准备如下: Linux云服务器 / 虚拟机Docker环境 安装命令: docker run \-e RABBITMQ_DEFAU…

大文件word生成的处理与解决策略

前言 对于简单word文档的生成导出,java已经有着很多技术来进行处理,在有着相对固定的格式样板下,采用word模板导出相对会是比较好的选择。但是当数据量且包含大量图片后,采用模板导出就显得无力了,模板的缺点是无法应…

visdom使用时所遇的问题及解决方法

最近在用visdom进行可视化的过程中,虽然可有效的避免主机拒绝访问(该问题的解决方法,请参考深度学习可视化工具visdom使用-CSDN博客)即在终端输入python -m visom.server 1.训练过程中visdom出现ValueError: too many file descr…

C#知识|基于实体类对象,返回实体集合封装介绍。

哈喽,你好啊,我是雷工! 前面通过实体类封装传递了零散的参数,打包后给数据访问方法。 但当查询结果是数据集,要把查询到的数据返回给UI时,我们也可以把返回的多条零散数据封装到实体类中。 此次练习可以使用实体容器:泛型集合List<T>,当把每条数据封装成实体对…

pytorch中,load_state_dict和torch.load的区别?

在 PyTorch 中&#xff0c;load_state_dict 和 torch.load 是两个不同的函数&#xff0c;用于不同的目的。 torch.load: 用途: 从磁盘加载一个保存的对象。这个对象可以是一个模型的整个状态字典&#xff08;包含模型参数&#xff09;、优化器状态字典、甚至是任意其他 Python …

简约不简单,建筑装饰演绎现代美学

走在城市的大街小巷&#xff0c;你是否曾被那些独特而精美的建筑装饰所吸引&#xff1f;每一栋建筑都像是艺术家的杰作&#xff0c;通过精美的装饰诉说着它的故事。 我们的建筑装饰&#xff0c;不仅注重外在的美观&#xff0c;更追求内在的品质。从古典的雕花到现代的简约线条&…

Bash脚本:删除根目录内的所有node_modules文件夹

Bash脚本&#xff1a;删除根目录内的所有node_modules文件夹 常用脚本 #!/bin/bash # find . -name "node_modules" -type d -prune -print -exec rimraf {} \;# find . -name "node_modules" -type d -prune&#xff1a;使用 find 命令查找当前目录及其…

Mac 下载并激活IDEA

1.https://3.jetbra.in 打开这个网站,点击第一个网速比较快的连接 2.在新页面顶部有一个蓝色的下载链接文字< jetbra.zip(20220801) >点击下载 3.步骤2打开的页面不要关闭后面还有用 4.在idea官网下载idea对应的版本 https://www.jetbrains.com/idea/download/other.htm…

Chromium源码阅读:Mojo实战:从浏览器JS API 到blink实现

​ 通过在前面几篇文章&#xff0c;我们粗略梳理了Mojo这套跨进程通信的设计思路和IDL细节。 实际上&#xff0c;Mojo不止是跨进程通信框架&#xff0c;而是跨语言的模块通信自动化系统。 在浏览器暴露的JS API&#xff0c;也是需要通过Mojo这个系统进行桥接&#xff0c;最终…

APP怎么上架到应用商店

以下是一般将 App 上架到应用商店的基本步骤&#xff1a; 苹果 App Store 上架步骤&#xff1a; 1. 注册苹果开发者账号。 2. 创建 App ID。 3. 准备相关资料&#xff0c;如应用图标、截图、描述等。 4. 在苹果开发者平台上填写 App 信息&#xff0c;包括名称、类别、功能…

两融账户算法交易用什么好?

我们之前讲了许多关于算法交易的内容&#xff0c;但是很多家人们都在找小编反馈&#xff0c;就是两融账户的算法交易能不能使用&#xff1f;遇到集中度的问题怎么办&#xff1f;两融T0有利息吗&#xff1f; 等等一些列问题&#xff0c;小编给大家做了一个整理归纳&#xff0c;我…

蓝牙BLE上位机工具开发理论线索梳理_2.AEP是个啥?

1.1什么是终结点&#xff1f; 终结点是通过计算机网络&#xff08;如计算机、移动设备和服务器&#xff09;连接和交换信息的设备。 物联网 (IoT) 设备&#xff08;如相机、智能恒温器和扬声器&#xff09;等其他设备也被视为终结点。 与之相反的是&#xff0c;运行网络的设备&…

使用Node.js+Express开发简单接口

Node.js 和 Express 是非常流行的组合&#xff0c;用于开发快速、高效的 web 服务器和 API。下面是一个基础教程&#xff0c;介绍如何使用 Node.js 和 Express 开发一个简单的 API。 1. 安装 Node.js 和 npm 首先&#xff0c;确保您已经安装了 Node.js 和 npm&#xff08;Nod…

乡村振兴的科技创新引领:加强农业科技研发,推广先进适用技术,提高农业生产效率,助力美丽乡村建设

目录 一、引言 二、农业科技研发的重要性 &#xff08;一&#xff09;提升农业生产效率 &#xff08;二&#xff09;促进农业产业升级 &#xff08;三&#xff09;保障粮食安全 三、加强农业科技研发的策略 &#xff08;一&#xff09;加大投入力度 &#xff08;二&…

云渲染动画:C4D如何正确渲染导出动画?

​C4D是一款功能强大的3D建模、动画和渲染软件&#xff0c;在制作动画时&#xff0c;正确的渲染和导出流程至关重要&#xff0c;以确保动画质量和流畅性。 帧率概念 动画就是一幅幅图片连贯起来&#xff0c;30帧/秒&#xff0c;就是一秒出现30张图片一般国外都是30&#xff0c…

数据预处理——调整方差、标准化、归一化(Matlab、python)

对数据的预处理&#xff1a; (a)、调整数据的方差&#xff1b; (b)、标准化&#xff1a;将数据标准化为具有零均值和单位方差&#xff1b;&#xff08;均值方差归一化(Standardization)&#xff09; (c)、最值归一化&#xff0c;也称为离差标准化&#xff0c;是对原始数据的…

UKP3D用户定制图框的思路

为用户定制图框&#xff0c;记录以下图框制作方法&#xff0c;便于用户自已修改。 1.轴测图与平面图的图框&#xff1a; 1.1.图框在安装目录下&#xff0c;例如&#xff1a;E:\Program Files (x86)\UKSoft\UKP3d9.2\config\TemplateAndBlock\CADTemplate\ 1.2.配置文件在安装…

LVS/NAT负载均衡实操

添加规则,并做持久操作 1 添加规则 [rootlvs ~]# ipvsadm -A -t 10.36.178.183:80 -s wrr [rootlvs ~]# ipvsadm -a -t 10.36.178.183:80 -r 192.168.65.201:80 -m -w 3 [rootlvs ~]# ipvsadm -a -t 10.36.178.183:80 -r 192.168.65.202:80 -m -w 1[rootlvs ~]# ipvsadm -Ln …