小编jsk*_*a13的帖子

当我 Webpack 我的项目使用 MiniCssExtractPlugin 将 css 分成文件时，它会创建 main.css 文件，但从不将链接写入我的 html 文件。

这是我的 webpack.config.js ：

const webpack = require("webpack");
const path = require("path");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
const dev = process.env.NODE_ENV ==="dev"
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
let cssloaders = [MiniCssExtractPlugin.loader, {loader: 'css-loader', options:{importLoaders: 2, modules: true } } ]


if(!dev) {
    cssloaders.push( {
        loader: 'postcss-loader',
        options : {

            plugins: (loader) => [


              require('autoprefixer')( { browsers : ['last 2 versions', 'ie > 8'] 
              }),
            ]
        },
})

}

let config = { …

我正在尝试使用 Vuejs 3 中的计算函数，该函数通过组合在 .js 文件中外部化。

这是我的 .vue 文件，它非常简单：一个递增以触发计算函数的计数变量。

<template>\n  <div>\n    {{ computedCount }}\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \'vue\'\nimport useComputedValue from \'./js/useComputed\' // Import computed function\n\nconst count = ref(0) // Instanciate the count variable\ncount.value += 1 // Trigger the compute\nconst computedCount = useComputedValue(count)\nconsole.debug(computedCount)\n</script>\n\n

这是我的 useCompulated.js 文件：

import { computed } from \'vue\'\n\nexport default function useComputedValue(count) {\n  const computedValue = computed(() => count.value * 5)\n  return {\n    computedValue,\n  }\n}\n\n

该函数只是将参数中给出的值乘以 5。\n问题是 console.log(compulatedCount) 给出了