134 lines
4.2 KiB
JavaScript
134 lines
4.2 KiB
JavaScript
|
import { Script } from 'vm';
|
||
|
|
|
||
|
|
const path = require('path');
|
||
|
|
const CompressionPlugin = require('compression-webpack-plugin');
|
||
|
|
const SitemapWebpackPlugin = require('sitemap-webpack-plugin').default;
|
||
|
|
const sass = require('sass'); // 引入 Dart Sass
|
||
|
|
|
||
|
|
export default {
|
||
|
|
// 全局页面头部设置
|
||
|
|
head: {
|
||
|
|
title: 'raylinx',
|
||
|
|
htmlAttrs: {
|
||
|
|
lang: 'en'
|
||
|
|
},
|
||
|
|
script: [
|
||
|
|
{
|
||
|
|
innerHTML: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-T4DJXJTT');`,
|
||
|
|
type: 'text/javascript',
|
||
|
|
body: false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
innerHTML: `(function(d,w,c){if(w[c])return;var s=d.createElement("script");w[c]=function(){(w[c].z=w[c].z||[]).push(arguments);};s.async=true;s.src="https://static.ahc.ink/hecong.js";if(d.head)d.head.appendChild(s);})(document,window,"_AIHECONG");_AIHECONG("ini",{channelId:"9BgJ9p"});`,
|
||
|
|
type: 'text/javascript',
|
||
|
|
body: true
|
||
|
|
}
|
||
|
|
],
|
||
|
|
// __dangerouslyDisableSanitizers: ['script'],
|
||
|
|
// __dangerouslyDisableSanitizersByTagID: {
|
||
|
|
// 'script-0': ['innerHTML'],
|
||
|
|
// 'script-1': ['innerHTML']
|
||
|
|
// },
|
||
|
|
meta: [
|
||
|
|
{ charset: 'utf-8' },
|
||
|
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
|
||
|
|
{ hid: 'description', name: 'description', content: 'My awesome description' },
|
||
|
|
{ name: 'format-detection', content: 'telephone=no' }
|
||
|
|
],
|
||
|
|
link: [
|
||
|
|
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }
|
||
|
|
],
|
||
|
|
// 谷歌tag manger
|
||
|
|
noscript: [
|
||
|
|
{
|
||
|
|
innerHTML: `<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T4DJXJTT" height="0" width="0" style="display: none; visibility: hidden;"></iframe>`,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
__dangerouslyDisableSanitizers: ['script', 'noscript'], // 允许渲染原始 HTML
|
||
|
|
},
|
||
|
|
|
||
|
|
// 全局CSS
|
||
|
|
css: [
|
||
|
|
'element-ui/lib/theme-chalk/index.css',
|
||
|
|
'vant/lib/index.css' // 确保 Vant 的样式也被加载
|
||
|
|
],
|
||
|
|
|
||
|
|
// 在渲染页面前运行的插件
|
||
|
|
plugins: [
|
||
|
|
'@/plugins/element-ui',
|
||
|
|
'@/plugins/vant', // 新添加的 Vant 插件
|
||
|
|
'@/plugins/global-mixin.js'
|
||
|
|
// '@/plugins/gtm.client.js'
|
||
|
|
],
|
||
|
|
|
||
|
|
// 自动导入组件
|
||
|
|
components: true,
|
||
|
|
|
||
|
|
// 开发和构建模块
|
||
|
|
buildModules: [],
|
||
|
|
|
||
|
|
// 模块
|
||
|
|
modules: [
|
||
|
|
'@nuxtjs/axios'
|
||
|
|
],
|
||
|
|
body: {
|
||
|
|
innerHTML: `<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T4DJXJTT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->`
|
||
|
|
},
|
||
|
|
__dangerouslyDisableSanitizersByTagID: {
|
||
|
|
'bodyAttrs-0': ['innerHTML']
|
||
|
|
},
|
||
|
|
// Axios 模块配置
|
||
|
|
axios: {
|
||
|
|
baseURL: '/'
|
||
|
|
},
|
||
|
|
|
||
|
|
// 构建配置
|
||
|
|
build: {
|
||
|
|
transpile: [/^element-ui/, /^vant/], // 确保 Nuxt 知道需要转译 Vant 和 Element-UI
|
||
|
|
|
||
|
|
loaders: {
|
||
|
|
scss: {
|
||
|
|
implementation: sass, // 使用 Dart Sass
|
||
|
|
sassOptions: {
|
||
|
|
// 添加 legacy API 静默处理选项
|
||
|
|
silenceDeprecations: ['legacy-js-api']
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// 扩展 Webpack 配置
|
||
|
|
extend(config, ctx) {
|
||
|
|
// 生产环境中引入 CompressionWebpackPlugin
|
||
|
|
if (!ctx.isDev) {
|
||
|
|
config.plugins.push(
|
||
|
|
new CompressionPlugin({
|
||
|
|
algorithm: 'gzip',
|
||
|
|
test: /\.(js|css|html|svg|gif|png|jpeg|txt)$/,
|
||
|
|
threshold: 2048,
|
||
|
|
filename: '[path][base].gz',
|
||
|
|
deleteOriginalAssets: false
|
||
|
|
})
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
// 引入 SitemapWebpackPlugin 并正确设置
|
||
|
|
const SitemapWebpackPlugin = require('sitemap-webpack-plugin').default;
|
||
|
|
const routes = ['/', '/aboutUs', '/contactUs'];
|
||
|
|
config.plugins.push(
|
||
|
|
new SitemapWebpackPlugin({
|
||
|
|
base: 'https://www.example.com',
|
||
|
|
paths: routes.map(path => ({
|
||
|
|
path,
|
||
|
|
lastmod: new Date().toISOString(),
|
||
|
|
priority: 0.8,
|
||
|
|
changefreq: 'monthly'
|
||
|
|
})),
|
||
|
|
})
|
||
|
|
);
|
||
|
|
|
||
|
|
// 设置别名
|
||
|
|
config.resolve.alias['@'] = path.resolve(__dirname);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|