feat: raw import support

package.json

@@ -29,6 +29,7 @@
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/pluginutils": "^4.1.1",
     "chalk": "^4.1.1",
     "consola": "^2.15.3",
     "defu": "^5.0.0",

src/builder/utils/cjs-bridge.ts → src/builder/plugins/cjs.ts

@@ -2,9 +2,9 @@ import type { Plugin } from 'rollup'
 import { findStaticImports } from 'mlly'
 import MagicString from 'magic-string'
 
-export function CJSBridgePlugin (_opts?: any): Plugin {
+export function cjsPlugin (_opts?: any): Plugin {
   return {
-    name: 'cjs-bridge',
+    name: 'unbuild-cjs',
     renderChunk (code, _chunk, opts) {
       if (opts.format === 'es') {
         return CJSToESM(code)

src/builder/utils/json.ts → src/builder/plugins/json.ts

@@ -8,6 +8,7 @@ export function JSONPlugin (options: RollupJsonOptions): Plugin {
   const plugin = rollupJSONPlugin(options)
   return <Plugin>{
     ...plugin,
+    name: 'unbuild-json',
     transform (code, id) {
       const res = plugin.transform!.call(this, code, id)
       if (res && typeof res !== 'string' && 'code' in res && res.code && res.code.startsWith(EXPORT_DEFAULT)) {

src/builder/plugins/raw.ts

@@ -0,0 +1,29 @@
+import { createFilter } from '@rollup/pluginutils'
+import type { FilterPattern } from '@rollup/pluginutils'
+import type { Plugin } from 'rollup'
+
+export interface RawLoaderOptions {
+  include?: FilterPattern
+  exclude?: FilterPattern
+}
+
+const defaults: RawLoaderOptions = {
+  include: [/\.(md|txt|css|htm|html)$/],
+  exclude: []
+}
+
+export function rawPlugin (opts: RawLoaderOptions = {}): Plugin {
+  opts = { ...opts, ...defaults }
+  const filter = createFilter(opts.include, opts.exclude)
+  return {
+    name: 'unbuild-raw',
+    transform (code, id) {
+      if (filter(id)) {
+        return {
+          code: `export default ${JSON.stringify(code)}`,
+          map: null
+        }
+      }
+    }
+  }
+}

src/builder/rollup.ts

@@ -10,8 +10,9 @@ import { relative, resolve } from 'pathe'
 import consola from 'consola'
 import { getpkg } from '../utils'
 import type { BuildContext } from '../types'
-import { JSONPlugin } from './utils/json'
-import { CJSBridgePlugin } from './utils/cjs-bridge'
+import { JSONPlugin } from './plugins/json'
+import { rawPlugin } from './plugins/raw'
+import { cjsPlugin } from './plugins/cjs'
 
 export async function rollupBuild (ctx: BuildContext) {
   if (ctx.stub) {
@@ -144,7 +145,9 @@ export function getRollupOptions (ctx: BuildContext): RollupOptions {
       // Preserve dynamic imports for CommonJS
       { renderDynamicImport () { return { left: 'import(', right: ')' } } },
 
-      ctx.cjsBridge && CJSBridgePlugin({})
+      ctx.cjsBridge && cjsPlugin({}),
+
+      rawPlugin()
     ].filter(Boolean)
   } as RollupOptions
 }

test/fixture/src/index.ts

@@ -9,4 +9,6 @@ console.log(require('os').arch())
 console.log(require.resolve('rollup'))
 import('os').then(os => console.log(os.arch()))
 
+import('./test.html').then(console.log)
+
 export const foo = 'bar'

test/fixture/src/test.html

@@ -0,0 +1 @@
+<p>Hello world</p>