我不能让这个简单的代码运行 webpack

Question

我学习如何使用 webpack。 我在我的 webpack.config.js 中写了这段代码

const path= require('path')

module.exports= {
    entry:'./app/assets/scripts/App.js',
    output: {
        filename:'bundled.js',
        path: path.resolve(__dirname,'App')
    },
    mode:'development',
    watch: true, 
};

我在我的 package.json 中写了这段代码

 { 
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack",
    "test": "echo \"Error: no test specified\" && exit 1"
 },
 "devDependencies":{
    "webpack": "^4.41.0",
    "webpack-cli": "^3.3.9",
    "webpack-dev-server": "^3.9.0"
 }

这是我的 App.js 中的代码

alert("Hello, this is just a test!");

我运行npm run dev 。 我没有收到任何错误消息，但 javascript 没有在我的索引页面中运行。 请帮助我，我不明白问题出在哪里。

Answer 1

经过数小时的尝试，似乎我的 index.html VisualCodeStudio 开始到现在 bundled.js 存在于通过 intellisens 提出它。 我还删除了 package.json 上的 main: index.js。 现在它的工作，即使我还没有清楚地发现最初的问题是什么。