这里的dist目录中打包的文件似乎未经处理

Question

我们执行了npm run dev，执行打包命令，samples目录下的dist/index.js文件里的代码和未打包时的完全一样。并没有经webpack打包后生成的代码。以下代码是webpackConfig，麻烦老师看一下，谢谢！
{
mode: ‘production’,
output: {
filename: ‘js/[name].js’,
path: ‘/Users/lixiang/工作/GitHub/前端工程化/build-cli/samples/dist’
},
module: { rules: [ [Object], [Object], [Object] ] },
optimization: {
minimize: true,
usedExports: true,
splitChunks: {
minSize: 307200,
chunks: ‘all’,
name: ‘common’,
cacheGroups: [Object]
},
minimizer: [ [UglifyJsPlugin], [CssMinimizerPlugin] ]
},
plugins: [
MiniCssExtractPlugin {
_sortedModulesCache: [WeakMap],
options: [Object],
runtimeOptions: [Object]
},
CleanWebpackPlugin {
dangerouslyAllowCleanPatternsOutsideProject: false,
dry: false,
verbose: false,
cleanStaleWebpackAssets: true,
protectWebpackAssets: true,
cleanAfterEveryBuildPatterns: [],
cleanOnceBeforeBuildPatterns: [Array],
currentAssets: [],
initialClean: false,
outputPath: ‘’,
apply: [Function: bound apply],
handleInitial: [Function: bound handleInitial],
handleDone: [Function: bound handleDone],
removeFiles: [Function: bound removeFiles]
}
],
entry: {
index: [ ‘/Users/lixiang/工作/GitHub/前端工程化/build-cli/samples/src/index.js’ ]
}
}

Answer 1

扬_灵 2022-08-15 18:09:20

同学你好，修改一下构建的模式就可以了

• 提问者 Aioros2017 #1

  确实是mode问题，感谢帮忙解决疑惑。

Answer 2

扬_灵 2022-08-11 18:14:26

同学你好，方便吧完整的测试代码提供一下吗，我在本地帮你测试定位一下问题。

• 提问者 Aioros2017 #1

  以下是我的代码仓库地址，麻烦老师帮忙看下：
  https://git.imooc.com/aioros/build-cli

• 扬_灵 回复 提问者 Aioros2017 #2

  同学你好，方便说一下操作流程吗，看项目中只有一些启动命令的配置并没有找到打包的配置。

• 提问者 Aioros2017 回复 扬_灵 #3

  流程跟课程中是一样的，先cd 到samples目录下，然后执行npm run dev即可