Question

每当我运行webpack时，它会在项目的根目录中创建一个.tgz文件，而不是创建一个我可以包含在html中的bundle.js文件。

这是我的webpack配置：

const path = require('path')

module.exports = {
context: __dirname,
entry: './client/index.js',
output: {
    path: path.resolve('dist'),
    filename: 'index_bundle.js'
},
module: {
loaders: [
  { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
  { test: /\.jsx$/, loader: 'babel-loader', exclude: /node_modules/ }
]
}
}

我的项目结构如下所示

babel.rc        
dist            
node_modules        
webpack.config.js
client  
     - index.html
     - index.js 
jslib-1.0.0.tgz     < --- this is the unwanted ouput.
package.json

我通过npm脚本运行我的webpack，全局安装存在一些问题。

：在package.json中：

...
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"pack" : "webpack"
}

非常感谢任何帮助或建议。

Answer 1

您可能正在运行npm pack而不是npm run[-script] pack。通常，脚本使用npm run <name>运行;有一些特殊的脚本，如test，有相应的npm命令，但npm pack是完全独立的。

Webpack正在压缩我的整个项目，而不是捆绑js

1 个答案: