feat: add vite example

apps/vite-example/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "vite-example",
+  "version": "0.0.0",
+  "description": "A simple rollup example to test stylexjs/vite-plugin",
+  "main": "index.js",
+  "scripts": {
+    "build": "vite build"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@stylexjs/stylex": "0.3.0"
+  },
+  "devDependencies": {
+    "vite": "^5.0.6",
+    "@stylexjs/vite-plugin": "0.0.0"
+  }
+}

apps/vite-example/src/index.js

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+'use strict';
+
+import * as stylex from '@stylexjs/stylex';
+import otherStyles from './npmStyles.js';
+import npmStyles from './npmStyles';
+
+const fadeAnimation = stylex.keyframes({
+  '0%': {
+    opacity: 0.25,
+  },
+  '100%': {
+    opacity: 1,
+  },
+});
+
+const styles = stylex.create({
+  foo: {
+    animationName: fadeAnimation,
+    display: 'flex',
+    marginStart: 10,
+    marginBlockStart: 99,
+    height: 500,
+    ':hover': {
+      background: 'red',
+    },
+  },
+});
+
+export default function App() {
+  return stylex.props(otherStyles.bar, styles.foo, npmStyles.baz).className;
+}

apps/vite-example/src/npmStyles.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+'use strict';
+
+import * as stylex from '@stylexjs/stylex';
+
+const styles = stylex.create({
+  bar: {
+    display: 'block',
+    width: '100%',
+  },
+});
+
+export default styles;

apps/vite-example/src/otherStyles.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+'use strict';
+
+import * as stylex from '@stylexjs/stylex';
+
+const styles = stylex.create({
+  bar: {
+    display: 'block',
+    width: '100%',
+  },
+});
+
+export default styles;

apps/vite-example/vite.config.cjs

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+import { defineConfig } from 'vite'
+import stylexPlugin from '@stylexjs/vite-plugin'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [stylexPlugin()],
+  build: {
+    lib: {
+      entry: path.join(__dirname, 'src/index.js'),
+      formats: ['es']
+    },
+    outDir: path.join(__dirname, '.build')
+  }
+})

packages/vite-plugin/src/index.js

@@ -31,7 +31,6 @@ module.exports = function stylexPlugin({
   let cssPostPlugin;
   let baseDir = '/';
   return {
-    enforce: 'post',
     name: 'vite-plugin-stylex',
     buildStart() {
       stylexRules = {};
@@ -51,7 +50,6 @@ module.exports = function stylexPlugin({
     },
     async transform(inputCode, id) {
       if (!stylexImports.some((importName) => inputCode.includes(importName))) {
-        // In rollup, returning null from any plugin phase means "no changes made".
         return null;
       }
       const { code, map, metadata } = await babel.transformAsync(inputCode, {