diff --git a/docs/highlight.md b/docs/highlight.md
new file mode 100644
index 0000000000..8fb83f8423
--- /dev/null
+++ b/docs/highlight.md
@@ -0,0 +1,31 @@
+---
+id: highlight
+title: Syntax highlighting demo
+---
+
+```cpp
+#include<bits/stdc++.h>
+using namespace std;
+
+int main() {
+    cout << "Hello world\n";
+    return 0;
+}
+
+```
+
+```js
+class Example extends React.Component {
+  render() {
+    return (
+      <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
+        <Text>Docusaurus</Text>
+        <Button
+          title="Click me"
+          onPress={() => this.props.navigation.push('Docusaurus')}
+        />
+      </View>
+    );
+  }
+}
+```
\ No newline at end of file
diff --git a/lib/webpack/base.js b/lib/webpack/base.js
index 97e99c2746..294593fdf1 100644
--- a/lib/webpack/base.js
+++ b/lib/webpack/base.js
@@ -20,7 +20,7 @@ module.exports = function createBaseConfig(props) {
   config
     .mode(isProd ? 'production' : 'development')
     .output.path(outDir)
-    .filename(isProd ? 'bundle.js' : '[name].js')
+    .filename(isProd ? '[name].[chunkhash].js' : '[name].js')
     .publicPath(isProd ? baseUrl : '/');
 
   if (!isProd) {