lvyjs 0.2.22 → 0.2.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/main.d.ts +2 -0
- package/lib/main.js +2 -0
- package/package.json +1 -1
- package/lib/new-loader/content.js +0 -26
- package/lib/new-loader/postcss.js +0 -202
package/lib/main.d.ts
ADDED
package/lib/main.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import module from 'node:module';
|
|
2
2
|
import { MessageChannel } from 'node:worker_threads';
|
|
3
|
+
import { initConfig } from './store.js';
|
|
3
4
|
import { postCSS } from './postcss.js';
|
|
4
5
|
import { stylesRegExp, assetsRegExp } from './config.js';
|
|
5
6
|
|
|
6
7
|
if (!module.register) {
|
|
7
8
|
throw new Error(`This version of Node.js (${process.version}) does not support module.register(). Please upgrade to Node v18.19 or v20.6 and above.`);
|
|
8
9
|
}
|
|
10
|
+
await initConfig();
|
|
9
11
|
const { port1, port2 } = new MessageChannel();
|
|
10
12
|
const cache = {};
|
|
11
13
|
port1.on('message', msg => {
|
package/package.json
CHANGED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import crypto from 'node:crypto';
|
|
2
|
-
import { convertPath } from '../config.js';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* 生成静态资源模块内容
|
|
6
|
-
* @param relativePath 相对路径
|
|
7
|
-
*/
|
|
8
|
-
const generateModuleContent = (relativePath) => {
|
|
9
|
-
const baseURL = decodeURIComponent(relativePath);
|
|
10
|
-
const contents = [
|
|
11
|
-
`const reg = ['win32'].includes(process.platform) ? /^file:\\/\\/\\// : /^file:\\/\\// ;`,
|
|
12
|
-
`const fileUrl = import.meta.resolve('${convertPath(baseURL)}').replace(reg, '');`,
|
|
13
|
-
'export default fileUrl;'
|
|
14
|
-
].join('\n');
|
|
15
|
-
return contents;
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* 生成随机文件名
|
|
19
|
-
*/
|
|
20
|
-
const getRandomName = (str) => {
|
|
21
|
-
const hash = crypto.createHash('md5');
|
|
22
|
-
hash.update(str);
|
|
23
|
-
return hash.digest('hex');
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
export { generateModuleContent, getRandomName };
|
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
import fs from 'fs';
|
|
2
|
-
import postcss from 'postcss';
|
|
3
|
-
import { createRequire } from 'module';
|
|
4
|
-
import { join, resolve, dirname, isAbsolute } from 'path';
|
|
5
|
-
import { convertPath, createAlias } from '../config.js';
|
|
6
|
-
|
|
7
|
-
const require = createRequire(import.meta.url);
|
|
8
|
-
const config = {
|
|
9
|
-
css: null,
|
|
10
|
-
sass: null,
|
|
11
|
-
less: null,
|
|
12
|
-
scss: null
|
|
13
|
-
};
|
|
14
|
-
function LessAliasPlugin(aliases) {
|
|
15
|
-
return {
|
|
16
|
-
install: function (less, pluginManager) {
|
|
17
|
-
const AliasFileManager = new less.FileManager();
|
|
18
|
-
AliasFileManager.loadFile = function (filename, currentDirectory, options, environment) {
|
|
19
|
-
// 替换路径中的别名
|
|
20
|
-
for (const alias in aliases) {
|
|
21
|
-
if (filename.startsWith(alias)) {
|
|
22
|
-
filename = filename.replace(alias, aliases[alias]);
|
|
23
|
-
break;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
const fullPath = isAbsolute(filename) ? filename : resolve(currentDirectory, filename);
|
|
27
|
-
return less.FileManager.prototype.loadFile.call(this, fullPath, currentDirectory, options, environment);
|
|
28
|
-
};
|
|
29
|
-
// 注册自定义文件管理器
|
|
30
|
-
pluginManager.addFileManager(AliasFileManager);
|
|
31
|
-
},
|
|
32
|
-
minVersion: [3, 0] // 支持的最低 LESS 版本
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
*
|
|
37
|
-
* @param configPath
|
|
38
|
-
* @param typing
|
|
39
|
-
* @returns
|
|
40
|
-
*/
|
|
41
|
-
const loadPostcssConfig = (configPath, typing) => {
|
|
42
|
-
if (config[typing]) {
|
|
43
|
-
return {
|
|
44
|
-
plugins: config[typing]
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
const plugins = [];
|
|
48
|
-
let aliasEntries = [];
|
|
49
|
-
if (typeof global.lvyConfig?.alias != 'boolean') {
|
|
50
|
-
aliasEntries = global.lvyConfig.alias?.entries || [];
|
|
51
|
-
}
|
|
52
|
-
const includeKeys = ['postcss-import', 'postcss-url', 'autoprefixer'];
|
|
53
|
-
//
|
|
54
|
-
if (aliasEntries.length > 0) {
|
|
55
|
-
// 创建 postcss-import 插件并配置别名解析
|
|
56
|
-
try {
|
|
57
|
-
plugins.push(require('postcss-import')({
|
|
58
|
-
resolve: (id, basedir) => {
|
|
59
|
-
// 检查别名
|
|
60
|
-
for (const entry of aliasEntries) {
|
|
61
|
-
if (id.startsWith(entry.find)) {
|
|
62
|
-
const aliasedPath = id.replace(entry.find, entry.replacement);
|
|
63
|
-
return convertPath(resolve(basedir, aliasedPath));
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return id; // 默认返回原始路径
|
|
67
|
-
}
|
|
68
|
-
}));
|
|
69
|
-
}
|
|
70
|
-
catch (err) {
|
|
71
|
-
console.error(err);
|
|
72
|
-
}
|
|
73
|
-
try {
|
|
74
|
-
plugins.push(require('postcss-url')({
|
|
75
|
-
url: asset => {
|
|
76
|
-
// 使用 resolve 逻辑处理 URL
|
|
77
|
-
for (const entry of aliasEntries) {
|
|
78
|
-
if (asset.url.startsWith(entry.find)) {
|
|
79
|
-
const aliasedPath = asset.url.replace(entry.find, entry.replacement);
|
|
80
|
-
return convertPath(aliasedPath);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
return convertPath(asset.url);
|
|
84
|
-
}
|
|
85
|
-
}));
|
|
86
|
-
}
|
|
87
|
-
catch (err) {
|
|
88
|
-
console.error(err);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
for (let i = 2; i < includeKeys.length; i++) {
|
|
92
|
-
plugins.push(require(includeKeys[i])({}));
|
|
93
|
-
}
|
|
94
|
-
try {
|
|
95
|
-
if (fs.existsSync(configPath)) {
|
|
96
|
-
const cfg = require(configPath);
|
|
97
|
-
// 添加其他插件
|
|
98
|
-
if (!Array.isArray(cfg.plugins)) {
|
|
99
|
-
const keys = Object.keys(cfg.plugins);
|
|
100
|
-
for (const key of keys) {
|
|
101
|
-
try {
|
|
102
|
-
if (includeKeys.includes(key))
|
|
103
|
-
continue;
|
|
104
|
-
const pluginConfig = cfg.plugins[key];
|
|
105
|
-
const plugin = require(key);
|
|
106
|
-
if (typeof plugin === 'function') {
|
|
107
|
-
plugins.push(plugin(pluginConfig));
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
throw new Error(`插件 ${key} 不是有效的 PostCSS 插件函数`);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
catch (err) {
|
|
114
|
-
console.error(`加载 PostCSS 插件 ${key} 失败:`, err);
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
else {
|
|
119
|
-
plugins.push(...cfg.plugins);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
catch (err) {
|
|
124
|
-
console.error('加载 PostCSS 配置失败:', err);
|
|
125
|
-
}
|
|
126
|
-
config[typing] = plugins;
|
|
127
|
-
return {
|
|
128
|
-
plugins: config[typing]
|
|
129
|
-
};
|
|
130
|
-
};
|
|
131
|
-
/**
|
|
132
|
-
*
|
|
133
|
-
* @param inputPath
|
|
134
|
-
* @param outputPath
|
|
135
|
-
* @returns
|
|
136
|
-
*/
|
|
137
|
-
const postCSS = (inputPath, outputPath) => {
|
|
138
|
-
const configPath = join(process.cwd(), 'postcss.config.cjs');
|
|
139
|
-
let typing = 'css';
|
|
140
|
-
let parser = undefined;
|
|
141
|
-
if (/\.sass$/.test(inputPath)) {
|
|
142
|
-
typing = 'sass';
|
|
143
|
-
}
|
|
144
|
-
else if (/\.less$/.test(inputPath)) {
|
|
145
|
-
typing = 'less';
|
|
146
|
-
}
|
|
147
|
-
else if (/\.scss$/.test(inputPath)) {
|
|
148
|
-
typing = 'scss';
|
|
149
|
-
}
|
|
150
|
-
const postcssConfig = loadPostcssConfig(configPath, 'css');
|
|
151
|
-
if (!postcssConfig)
|
|
152
|
-
return;
|
|
153
|
-
const readAndProcessCSS = async () => {
|
|
154
|
-
let css = '';
|
|
155
|
-
if (typing === 'less') {
|
|
156
|
-
const less = require('less');
|
|
157
|
-
const lessResult = await less.render(fs.readFileSync(inputPath, 'utf-8'), {
|
|
158
|
-
filename: inputPath,
|
|
159
|
-
plugins: [LessAliasPlugin(createAlias(global.lvyConfig?.alias))] // 使用插件
|
|
160
|
-
});
|
|
161
|
-
css = lessResult.css;
|
|
162
|
-
}
|
|
163
|
-
else if (typing === 'sass' || typing === 'scss') {
|
|
164
|
-
const sass = require('sass');
|
|
165
|
-
const sassResult = sass.renderSync({ file: inputPath });
|
|
166
|
-
css = sassResult.css.toString();
|
|
167
|
-
}
|
|
168
|
-
else {
|
|
169
|
-
css = fs.readFileSync(inputPath, 'utf-8');
|
|
170
|
-
}
|
|
171
|
-
fs.mkdirSync(dirname(outputPath), { recursive: true });
|
|
172
|
-
const result = await postcss(postcssConfig.plugins).process(css, {
|
|
173
|
-
parser: parser,
|
|
174
|
-
from: inputPath,
|
|
175
|
-
to: outputPath
|
|
176
|
-
});
|
|
177
|
-
fs.writeFileSync(outputPath, result.css);
|
|
178
|
-
if (result.warnings().length) {
|
|
179
|
-
result.warnings().forEach(warn => {
|
|
180
|
-
console.warn(warn.toString());
|
|
181
|
-
});
|
|
182
|
-
}
|
|
183
|
-
const dependencies = result.messages
|
|
184
|
-
.filter(msg => msg.type === 'dependency')
|
|
185
|
-
.map(msg => msg.file);
|
|
186
|
-
for (const dep of dependencies) {
|
|
187
|
-
fs.watch(dep, eventType => {
|
|
188
|
-
if (eventType === 'change') {
|
|
189
|
-
readAndProcessCSS();
|
|
190
|
-
}
|
|
191
|
-
});
|
|
192
|
-
}
|
|
193
|
-
};
|
|
194
|
-
readAndProcessCSS();
|
|
195
|
-
fs.watch(inputPath, eventType => {
|
|
196
|
-
if (eventType === 'change') {
|
|
197
|
-
readAndProcessCSS();
|
|
198
|
-
}
|
|
199
|
-
});
|
|
200
|
-
};
|
|
201
|
-
|
|
202
|
-
export { LessAliasPlugin as default, postCSS };
|