lvyjs 0.2.21 → 0.2.23

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/bin/index.js CHANGED
@@ -9,13 +9,23 @@ const currentFilePath = fileURLToPath(import.meta.url)
9
9
  const currentDirPath = dirname(currentFilePath)
10
10
  const pkgFilr = join(currentDirPath, '../package.json')
11
11
  const jsFile = join(currentDirPath, '../lib/index.js')
12
+ const loaderFile = join(currentDirPath, '../lib/main.js')
12
13
  const jsdir = relative(process.cwd(), jsFile)
13
14
  const require = createRequire(import.meta.url)
14
- const tsxDir = require.resolve('tsx/cli')
15
+ // const tsxDir = require.resolve('tsx/cli')
16
+ // 构建时,使用 rollup
15
17
  if (args.includes('build')) {
16
18
  const argsx = args.filter(arg => arg !== 'build')
17
- const msg = fork(tsxDir, [jsdir, '--lvy-build', ...argsx], {
19
+ const msg = fork(jsdir, ['--lvy-build', ...argsx], {
18
20
  stdio: 'inherit',
21
+ // 自己挂 execArgv
22
+ execArgv: [
23
+ ...process.execArgv,
24
+ '--require',
25
+ require.resolve('tsx/preflight'),
26
+ '--import',
27
+ require.resolve('tsx')
28
+ ],
19
29
  env: Object.assign({}, process.env, {
20
30
  PKG_DIR: pkgFilr
21
31
  }),
@@ -25,6 +35,7 @@ if (args.includes('build')) {
25
35
  console.error(msg.error)
26
36
  process.exit()
27
37
  }
38
+ // 运行时,使用 tsx
28
39
  } else if (args.includes('dev')) {
29
40
  const argsx = args.filter(arg => arg !== 'dev')
30
41
  const argv = [jsdir, '--lvy-dev']
@@ -32,8 +43,18 @@ if (args.includes('build')) {
32
43
  argv.unshift('--clear-screen=false')
33
44
  argv.unshift('watch')
34
45
  }
35
- const msg = fork(tsxDir, [...argv, ...argsx], {
46
+ const msg = fork(jsdir, [...argv, ...argsx], {
36
47
  stdio: 'inherit',
48
+ // 自己挂 execArgv
49
+ execArgv: [
50
+ ...process.execArgv,
51
+ '--require',
52
+ require.resolve('tsx/preflight'),
53
+ '--import',
54
+ require.resolve('tsx'),
55
+ '--import',
56
+ loaderFile
57
+ ],
37
58
  env: Object.assign({}, process.env, {
38
59
  PKG_DIR: pkgFilr
39
60
  }),
package/lib/loader.js CHANGED
@@ -24,7 +24,7 @@ async function resolve(specifier, context, nextResolve) {
24
24
  if (!global.lvyConfig?.alias) {
25
25
  global.lvyConfig.alias = {};
26
26
  }
27
- if (global.lvyConfig.alias?.entries) {
27
+ if (Array.isArray(global.lvyConfig.alias?.entries)) {
28
28
  for (const { find, replacement } of global.lvyConfig.alias?.entries) {
29
29
  if (specifier.startsWith(find)) {
30
30
  const parentURL = `${baseURL}${convertPath(specifier.replace(find, replacement))}`;
package/lib/main.js CHANGED
@@ -1,38 +1,40 @@
1
- import module from 'node:module';
2
- import { MessageChannel } from 'node:worker_threads';
3
- import { postCSS } from './postcss.js';
4
- import { stylesRegExp, assetsRegExp } from './config.js';
1
+ import module from 'node:module'
2
+ import { MessageChannel } from 'node:worker_threads'
3
+ import { postCSS } from './postcss.js'
4
+ import { stylesRegExp, assetsRegExp } from './config.js'
5
5
 
6
6
  if (!module.register) {
7
- 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.`);
7
+ throw new Error(
8
+ `This version of Node.js (${process.version}) does not support module.register(). Please upgrade to Node v18.19 or v20.6 and above.`
9
+ )
8
10
  }
9
- const { port1, port2 } = new MessageChannel();
10
- const cache = {};
11
+ const { port1, port2 } = new MessageChannel()
12
+ const cache = {}
11
13
  port1.on('message', msg => {
12
- if (msg.type == 'CSS_MODULE_GENERATED') {
13
- const { from, to } = msg.payload;
14
- if (!cache[from]) {
15
- const formPath = decodeURIComponent(from);
16
- postCSS(formPath, to);
17
- // postCSS(from, to)
18
- cache[from] = true;
19
- }
14
+ if (msg.type == 'CSS_MODULE_GENERATED') {
15
+ const { from, to } = msg.payload
16
+ if (!cache[from]) {
17
+ const formPath = decodeURIComponent(from)
18
+ postCSS(formPath, to)
19
+ // postCSS(from, to)
20
+ cache[from] = true
20
21
  }
21
- });
22
+ }
23
+ })
22
24
  // port1.unref()
23
25
  module.register('./loader.js', {
24
- parentURL: import.meta.url,
25
- data: {
26
- port: port2,
27
- lvyConfig: {
28
- alias: global.lvyConfig?.alias,
29
- assets: global.lvyConfig?.assets ?? {
30
- filter: assetsRegExp
31
- },
32
- styles: global.lvyConfig?.styles ?? {
33
- filter: stylesRegExp
34
- }
35
- }
36
- },
37
- transferList: [port2]
38
- });
26
+ parentURL: import.meta.url,
27
+ data: {
28
+ port: port2,
29
+ lvyConfig: {
30
+ alias: global.lvyConfig?.alias,
31
+ assets: global.lvyConfig?.assets ?? {
32
+ filter: assetsRegExp
33
+ },
34
+ styles: global.lvyConfig?.styles ?? {
35
+ filter: stylesRegExp
36
+ }
37
+ }
38
+ },
39
+ transferList: [port2]
40
+ })
@@ -0,0 +1,26 @@
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 }
@@ -0,0 +1,200 @@
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(
28
+ this,
29
+ fullPath,
30
+ currentDirectory,
31
+ options,
32
+ environment
33
+ )
34
+ }
35
+ // 注册自定义文件管理器
36
+ pluginManager.addFileManager(AliasFileManager)
37
+ },
38
+ minVersion: [3, 0] // 支持的最低 LESS 版本
39
+ }
40
+ }
41
+ /**
42
+ *
43
+ * @param configPath
44
+ * @param typing
45
+ * @returns
46
+ */
47
+ const loadPostcssConfig = (configPath, typing) => {
48
+ if (config[typing]) {
49
+ return {
50
+ plugins: config[typing]
51
+ }
52
+ }
53
+ const plugins = []
54
+ let aliasEntries = []
55
+ if (typeof global.lvyConfig?.alias != 'boolean') {
56
+ aliasEntries = global.lvyConfig.alias?.entries || []
57
+ }
58
+ const includeKeys = ['postcss-import', 'postcss-url', 'autoprefixer']
59
+ //
60
+ if (aliasEntries.length > 0) {
61
+ // 创建 postcss-import 插件并配置别名解析
62
+ try {
63
+ plugins.push(
64
+ require('postcss-import')({
65
+ resolve: (id, basedir) => {
66
+ // 检查别名
67
+ for (const entry of aliasEntries) {
68
+ if (id.startsWith(entry.find)) {
69
+ const aliasedPath = id.replace(entry.find, entry.replacement)
70
+ return convertPath(resolve(basedir, aliasedPath))
71
+ }
72
+ }
73
+ return id // 默认返回原始路径
74
+ }
75
+ })
76
+ )
77
+ } catch (err) {
78
+ console.error(err)
79
+ }
80
+ try {
81
+ plugins.push(
82
+ require('postcss-url')({
83
+ url: asset => {
84
+ // 使用 resolve 逻辑处理 URL
85
+ for (const entry of aliasEntries) {
86
+ if (asset.url.startsWith(entry.find)) {
87
+ const aliasedPath = asset.url.replace(entry.find, entry.replacement)
88
+ return convertPath(aliasedPath)
89
+ }
90
+ }
91
+ return convertPath(asset.url)
92
+ }
93
+ })
94
+ )
95
+ } catch (err) {
96
+ console.error(err)
97
+ }
98
+ }
99
+ for (let i = 2; i < includeKeys.length; i++) {
100
+ plugins.push(require(includeKeys[i])({}))
101
+ }
102
+ try {
103
+ if (fs.existsSync(configPath)) {
104
+ const cfg = require(configPath)
105
+ // 添加其他插件
106
+ if (!Array.isArray(cfg.plugins)) {
107
+ const keys = Object.keys(cfg.plugins)
108
+ for (const key of keys) {
109
+ try {
110
+ if (includeKeys.includes(key)) continue
111
+ const pluginConfig = cfg.plugins[key]
112
+ const plugin = require(key)
113
+ if (typeof plugin === 'function') {
114
+ plugins.push(plugin(pluginConfig))
115
+ } else {
116
+ throw new Error(`插件 ${key} 不是有效的 PostCSS 插件函数`)
117
+ }
118
+ } catch (err) {
119
+ console.error(`加载 PostCSS 插件 ${key} 失败:`, err)
120
+ }
121
+ }
122
+ } else {
123
+ plugins.push(...cfg.plugins)
124
+ }
125
+ }
126
+ } catch (err) {
127
+ console.error('加载 PostCSS 配置失败:', err)
128
+ }
129
+ config[typing] = plugins
130
+ return {
131
+ plugins: config[typing]
132
+ }
133
+ }
134
+ /**
135
+ *
136
+ * @param inputPath
137
+ * @param outputPath
138
+ * @returns
139
+ */
140
+ const postCSS = (inputPath, outputPath) => {
141
+ const configPath = join(process.cwd(), 'postcss.config.cjs')
142
+ let typing = 'css'
143
+ let parser = undefined
144
+ if (/\.sass$/.test(inputPath)) {
145
+ typing = 'sass'
146
+ } else if (/\.less$/.test(inputPath)) {
147
+ typing = 'less'
148
+ } else if (/\.scss$/.test(inputPath)) {
149
+ typing = 'scss'
150
+ }
151
+ const postcssConfig = loadPostcssConfig(configPath, 'css')
152
+ if (!postcssConfig) 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
+ } else if (typing === 'sass' || typing === 'scss') {
163
+ const sass = require('sass')
164
+ const sassResult = sass.renderSync({ file: inputPath })
165
+ css = sassResult.css.toString()
166
+ } else {
167
+ css = fs.readFileSync(inputPath, 'utf-8')
168
+ }
169
+ fs.mkdirSync(dirname(outputPath), { recursive: true })
170
+ const result = await postcss(postcssConfig.plugins).process(css, {
171
+ parser: parser,
172
+ from: inputPath,
173
+ to: outputPath
174
+ })
175
+ fs.writeFileSync(outputPath, result.css)
176
+ if (result.warnings().length) {
177
+ result.warnings().forEach(warn => {
178
+ console.warn(warn.toString())
179
+ })
180
+ }
181
+ const dependencies = result.messages
182
+ .filter(msg => msg.type === 'dependency')
183
+ .map(msg => msg.file)
184
+ for (const dep of dependencies) {
185
+ fs.watch(dep, eventType => {
186
+ if (eventType === 'change') {
187
+ readAndProcessCSS()
188
+ }
189
+ })
190
+ }
191
+ }
192
+ readAndProcessCSS()
193
+ fs.watch(inputPath, eventType => {
194
+ if (eventType === 'change') {
195
+ readAndProcessCSS()
196
+ }
197
+ })
198
+ }
199
+
200
+ export { LessAliasPlugin as default, postCSS }
package/lib/postcss.js CHANGED
@@ -1,36 +1,42 @@
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';
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
6
 
7
- const require = createRequire(import.meta.url);
7
+ const require = createRequire(import.meta.url)
8
8
  const config = {
9
- css: null,
10
- sass: null,
11
- less: null,
12
- scss: null
13
- };
9
+ css: null,
10
+ sass: null,
11
+ less: null,
12
+ scss: null
13
+ }
14
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
- };
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(
28
+ this,
29
+ fullPath,
30
+ currentDirectory,
31
+ options,
32
+ environment
33
+ )
34
+ }
35
+ // 注册自定义文件管理器
36
+ pluginManager.addFileManager(AliasFileManager)
37
+ },
38
+ minVersion: [3, 0] // 支持的最低 LESS 版本
39
+ }
34
40
  }
35
41
  /**
36
42
  *
@@ -39,95 +45,92 @@ function LessAliasPlugin(aliases) {
39
45
  * @returns
40
46
  */
41
47
  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
- }
48
+ if (config[typing]) {
49
+ return {
50
+ plugins: config[typing]
90
51
  }
91
- for (let i = 2; i < includeKeys.length; i++) {
92
- plugins.push(require(includeKeys[i])({}));
52
+ }
53
+ const plugins = []
54
+ let aliasEntries = []
55
+ if (typeof global.lvyConfig?.alias != 'boolean') {
56
+ aliasEntries = global.lvyConfig.alias?.entries || []
57
+ }
58
+ const includeKeys = ['postcss-import', 'postcss-url', 'autoprefixer']
59
+ //
60
+ if (aliasEntries.length > 0) {
61
+ // 创建 postcss-import 插件并配置别名解析
62
+ try {
63
+ plugins.push(
64
+ require('postcss-import')({
65
+ resolve: (id, basedir) => {
66
+ // 检查别名
67
+ for (const entry of aliasEntries) {
68
+ if (id.startsWith(entry.find)) {
69
+ const aliasedPath = id.replace(entry.find, entry.replacement)
70
+ return convertPath(resolve(basedir, aliasedPath))
71
+ }
72
+ }
73
+ return id // 默认返回原始路径
74
+ }
75
+ })
76
+ )
77
+ } catch (err) {
78
+ console.error(err)
93
79
  }
94
80
  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
- }
81
+ plugins.push(
82
+ require('postcss-url')({
83
+ url: asset => {
84
+ // 使用 resolve 逻辑处理 URL
85
+ for (const entry of aliasEntries) {
86
+ if (asset.url.startsWith(entry.find)) {
87
+ const aliasedPath = asset.url.replace(entry.find, entry.replacement)
88
+ return convertPath(aliasedPath)
89
+ }
117
90
  }
118
- else {
119
- plugins.push(...cfg.plugins);
91
+ return convertPath(asset.url)
92
+ }
93
+ })
94
+ )
95
+ } catch (err) {
96
+ console.error(err)
97
+ }
98
+ }
99
+ for (let i = 2; i < includeKeys.length; i++) {
100
+ plugins.push(require(includeKeys[i])({}))
101
+ }
102
+ try {
103
+ if (fs.existsSync(configPath)) {
104
+ const cfg = require(configPath)
105
+ // 添加其他插件
106
+ if (!Array.isArray(cfg.plugins)) {
107
+ const keys = Object.keys(cfg.plugins)
108
+ for (const key of keys) {
109
+ try {
110
+ if (includeKeys.includes(key)) continue
111
+ const pluginConfig = cfg.plugins[key]
112
+ const plugin = require(key)
113
+ if (typeof plugin === 'function') {
114
+ plugins.push(plugin(pluginConfig))
115
+ } else {
116
+ throw new Error(`插件 ${key} 不是有效的 PostCSS 插件函数`)
120
117
  }
118
+ } catch (err) {
119
+ console.error(`加载 PostCSS 插件 ${key} 失败:`, err)
120
+ }
121
121
  }
122
+ } else {
123
+ plugins.push(...cfg.plugins)
124
+ }
122
125
  }
123
- catch (err) {
124
- console.error('加载 PostCSS 配置失败:', err);
125
- }
126
- config[typing] = plugins;
127
- return {
128
- plugins: config[typing]
129
- };
130
- };
126
+ } catch (err) {
127
+ console.error('加载 PostCSS 配置失败:', err)
128
+ }
129
+ config[typing] = plugins
130
+ return {
131
+ plugins: config[typing]
132
+ }
133
+ }
131
134
  /**
132
135
  *
133
136
  * @param inputPath
@@ -135,68 +138,63 @@ const loadPostcssConfig = (configPath, typing) => {
135
138
  * @returns
136
139
  */
137
140
  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';
141
+ const configPath = join(process.cwd(), 'postcss.config.cjs')
142
+ let typing = 'css'
143
+ let parser = undefined
144
+ if (/\.sass$/.test(inputPath)) {
145
+ typing = 'sass'
146
+ } else if (/\.less$/.test(inputPath)) {
147
+ typing = 'less'
148
+ } else if (/\.scss$/.test(inputPath)) {
149
+ typing = 'scss'
150
+ }
151
+ const postcssConfig = loadPostcssConfig(configPath, 'css')
152
+ if (!postcssConfig) 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
+ } else if (typing === 'sass' || typing === 'scss') {
163
+ const sass = require('sass')
164
+ const sassResult = sass.renderSync({ file: inputPath })
165
+ css = sassResult.css.toString()
166
+ } else {
167
+ css = fs.readFileSync(inputPath, 'utf-8')
143
168
  }
144
- else if (/\.less$/.test(inputPath)) {
145
- typing = 'less';
169
+ fs.mkdirSync(dirname(outputPath), { recursive: true })
170
+ const result = await postcss(postcssConfig.plugins).process(css, {
171
+ parser: parser,
172
+ from: inputPath,
173
+ to: outputPath
174
+ })
175
+ fs.writeFileSync(outputPath, result.css)
176
+ if (result.warnings().length) {
177
+ result.warnings().forEach(warn => {
178
+ console.warn(warn.toString())
179
+ })
146
180
  }
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 => {
181
+ const dependencies = result.messages
182
+ .filter(msg => msg.type === 'dependency')
183
+ .map(msg => msg.file)
184
+ for (const dep of dependencies) {
185
+ fs.watch(dep, eventType => {
196
186
  if (eventType === 'change') {
197
- readAndProcessCSS();
187
+ readAndProcessCSS()
198
188
  }
199
- });
200
- };
189
+ })
190
+ }
191
+ }
192
+ readAndProcessCSS()
193
+ fs.watch(inputPath, eventType => {
194
+ if (eventType === 'change') {
195
+ readAndProcessCSS()
196
+ }
197
+ })
198
+ }
201
199
 
202
- export { LessAliasPlugin as default, postCSS };
200
+ export { LessAliasPlugin as default, postCSS }
package/lib/start.js CHANGED
@@ -15,9 +15,6 @@ const onDev = async () => {
15
15
  await apps.push(plugin(global.lvyConfig));
16
16
  }
17
17
  }
18
- // 执行loader
19
- await import('./main.js');
20
- //
21
18
  for (const app of apps) {
22
19
  if (!app) {
23
20
  continue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lvyjs",
3
- "version": "0.2.21",
3
+ "version": "0.2.23",
4
4
  "description": "tsx compile script",
5
5
  "author": "lemonade",
6
6
  "license": "MIT",
@@ -29,26 +29,31 @@
29
29
  "exports": {
30
30
  ".": {
31
31
  "import": "./lib/index.js",
32
- "types": "./lib/index.d.ts"
32
+ "types": "./lib/index.d.ts",
33
+ "require": "./lib/index.js"
33
34
  },
34
35
  "./loader": {
35
36
  "import": "./lib/loader.js",
36
- "types": "./lib/loader.d.ts"
37
+ "types": "./lib/loader.d.ts",
38
+ "require": "./lib/loader.js"
37
39
  },
38
40
  "./register": {
39
41
  "import": "./lib/main.js",
40
- "types": "./lib/main.d.ts"
42
+ "types": "./lib/main.d.ts",
43
+ "require": "./lib/main.js"
41
44
  },
42
45
  "./env": {
43
46
  "types": "./env.d.ts"
44
47
  },
45
48
  "./tsconfig.json": {
46
49
  "import": "./tsconfig.json",
47
- "types": "./tsconfig.json"
50
+ "types": "./tsconfig.json",
51
+ "require": "./tsconfig.json"
48
52
  },
49
53
  "./tsconfig": {
50
54
  "import": "./tsconfig.json",
51
- "types": "./tsconfig.json"
55
+ "types": "./tsconfig.json",
56
+ "require": "./tsconfig.json"
52
57
  }
53
58
  },
54
59
  "bin": {