Npm 如何将Webpack 3.8.1添加到Vue项目

假设我走了这个脚手架：

我想添加网页3.8.1到它

已经有一个“构建”文件夹，其中包含许多网页文件：

但是（其中一个）问题是在项目的根返回中运行“webpack”：

这就是我应该去看的医生

没有真正的例子

它有：

const path = require('path');

module.exports = {
  entry: './path/to/my/entry/file.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'my-first-webpack.bundle.js'
  }
};

我已尽我最大的能力对其进行了调整，以：

const path = require('path');

module.exports = {
  entry: './src/entry.js',
  output: {
    path: path.resolve(entry, 'dist'),
    filename: 'my-first-webpack.bundle.js'
  }
};

我还添加了一个entry.js文件，在src下不包含任何内容：

我编辑了我的package.json文件，其中包括：

 "dependencies": {
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "node-sass": "^4.5.3",
    "sass-loader": "^3.2.3",
    "style-loader": "^0.19.0",
    "extract-text-webpack-plugin": "^3.0.1"
  },
  "devDependencies": {
    "sinon": "^4.0.1",
    "webpack": "^3.6.0",
    "webpack-dev-server": "^2.9.3",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",

然后跑：

npm install
npm update

---

我觉得我离这个问题越来越近了，但我仍然无法使用新的网页。

我把我的评论作为答案，以便能够关闭这个问题，并（希望）帮助其他未来的用户

---

我认为您的问题是尝试使用

webpack

，您应该使用

npm run

脚本，例如：

npm run dev

或

npm run prod

，然后

vue+webpack

将为您完成工作，将文件放在配置所述的位置（

webpack.base.dev.conf

）

如果您查看package.json，您可以看到以下部分：

"scripts": {
    "dev": "node build/dev-server.js",
    "start": "node build/dev-server.js",
    "build": "node build/build.js",
    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
  },

每一个都可以通过

npm run X

执行

---

希望有帮助

我认为您的问题是尝试使用

webpack

，您应该使用npm运行脚本，如：

npm run dev

或

npm run prod

，然后vue+webpack将为您完成这项工作，将文件放在配置中显示的位置（例如webpack.base.dev.conf）。是的，您可以回答这就是答案。