Question

我正在尝试使用具有三个webpack配置文件的简单html / scss / js环境： -webpack.common.js -webpack.dev.js -webpack.prod.js

为了使文件被编译/缩小/丑化，我首先必须运行npm run build;如果我之后运行npm run start，则已编译并缩小的js文件将被删除，并且css文件不会更改。（-watch）

在客户端中打开服务链接会向我显示根目录以及所有其他文件夹，例如dist，src，node_modules等。

这是webpack.common.js的一部分：

entry: {
        main: "./src/index.js",
    },
    devServer: {
        contentBase: path.join(__dirname + '/dist'),
        host: '10.10.10.61',
        port: 1025,
        publicPath: '/'
    },

webpack.dev.js的一部分

output: {
        filename: "app.js",
        path: path.resolve(__dirname, "dist/js"),
    },

webpack.prod.js：

output: {
        filename: "app.[contentHash].js",
        path: path.resolve(__dirname, "dist/js"),
    },

最后，是package.json的一部分：

"scripts": {
    "start": "webpack-dev-server --config webpack.dev.js --host 0.0.0.0 --public 10.10.10.61:1025 --watch-poll",
    "build": "webpack --config webpack.prod.js"
  },

目录体系结构如下：

app
--dist
   --css
   --js
   --views
--node_modules
--src
  --app
  --assets
    --images
    --styles
  index.html
  index.js
.gitignore
package-lock.json
package.json
webpack.common.js
webpack.dev.js
webpack.prod.js

我在做什么错？！

预先感谢

Webpack开发服务器无法获取/路径，随后无法编译scss文件

0 个答案: