76 lines
2.5 KiB
JavaScript
76 lines
2.5 KiB
JavaScript
// [!] Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
|
|
// src/vue/ItemPrice.vue?vue&type=script&lang.ts (35:13)
|
|
// TODO 官方提供ts插件在vue模版中使用ts语言时报错
|
|
// import typescript from "@rollup/plugin-typescript";
|
|
|
|
// TODO 在rollup watch模式中不更新vue模版ts部分代码
|
|
import typescript2 from "rollup-plugin-typescript2";
|
|
import json from "@rollup/plugin-json";
|
|
import html from "rollup-plugin-string-html";
|
|
import resolve from "@rollup/plugin-node-resolve";
|
|
import replace from "@rollup/plugin-replace";
|
|
import alias from "@rollup/plugin-alias";
|
|
import postcss from 'rollup-plugin-postcss';
|
|
import vue from "@vitejs/plugin-vue";
|
|
|
|
let node_env = process.env.NODE_ENV;
|
|
let vuePath = node_env === 'production' ?
|
|
'vue/dist/vue.runtime.esm-browser.prod.js' :
|
|
'vue/dist/vue.runtime.esm-browser.js';
|
|
export default {
|
|
input: 'src/ts/index.ts',
|
|
output: {
|
|
file: 'dist/bundle.js',
|
|
format: 'iife',
|
|
name: 'bundle.js',
|
|
},
|
|
plugins: [
|
|
json(),
|
|
html({
|
|
// include: ["**/*.html", "src/static/css/*.css"],
|
|
// include: ["**/*.html", "**/*.css"],
|
|
include: ["**/*.html"],
|
|
minifier: {
|
|
includeAutoGeneratedTags: true,
|
|
removeAttributeQuotes: false,
|
|
removeComments: true,
|
|
removeRedundantAttributes: false,
|
|
removeScriptTypeAttributes: true,
|
|
removeStyleLinkTypeAttributes: true,
|
|
sortClassName: true,
|
|
useShortDoctype: true,
|
|
collapseWhitespace: true,
|
|
minifyCSS: true,
|
|
}
|
|
}),
|
|
// 根据环境更改vue源
|
|
alias({
|
|
entries: [
|
|
{ find: 'vue', replacement: vuePath },
|
|
]
|
|
}),
|
|
// 为vue替换环境变量
|
|
replace({
|
|
values: {
|
|
'process.env.NODE_ENV': () => JSON.stringify(node_env),
|
|
'__VUE_OPTIONS_API__': () => JSON.stringify(false),
|
|
'__VUE_PROD_DEVTOOLS__': () => JSON.stringify(true),
|
|
},
|
|
preventAssignment: true,
|
|
}),
|
|
// 引入node相关方法
|
|
resolve({
|
|
browser: true,
|
|
preferBuiltins: false,
|
|
}),
|
|
vue({ isProduction: node_env === 'production' }),
|
|
typescript2({
|
|
tsconfig: "tsconfig.json",
|
|
// clean: true,
|
|
// check: false,
|
|
}),
|
|
postcss({ minimize: true }),
|
|
// typescript(),
|
|
],
|
|
};
|