node.js - webpack-dev-server运行后,找不到bundle.js
PHPz
PHPz 2017-04-17 16:32:44
0
2
939
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>可爱的D3</title>
</head>
<body>
    <ng2-d3>
        数据加载中……
    </ng2-d3>
    <script src="./dist/bundle.js"></script>
</body>
</html>
var webpack = require('webpack');
var openBrowser = require('webpack-browser-plugin');

module.exports = {
    entry: './src/main.ts',

    output: {
        filename: '/dist/bundle.js'
    },

    resolve: {
        extensions: ['.ts', '.js']
    },

    module: {
        loaders: [
            {
                test: /\.ts$/,
                loader: 'ts-loader'
            }
        ]
    },
    devServer: {
        hot: true,
        inline: true
    },
    plugins: [new openBrowser()]
};

运行中没有报错,但打开页面后报错了!

是不是少了什么配置?

PHPz
PHPz

学习是最好的投资!

모든 응답(2)
Ty80
1. 변경<script src="./dist/bundle.js"></script>
    <script src="bundle.js"></script>로 변경합니다.

2. 명령줄에 webpack-dev-server --content-base dist/ /*시작 디렉터리 지정*/을 입력합니다.

webpack-dev-server가 디렉터리를 지정하지 않으면 기본값은 현재 디렉터리입니다.

두 번째 단계를 매번 지정하는 것이 번거롭다면 package.json에서 지정할 수 있습니다.
"스크립트": {
    "start": "webpack-dev-server --content-base dist/"
},
그런 다음 시작할 때마다 npm start를 입력하면 됩니다.
(개인적인 의견이니 참고용으로 도움이 되셨으면 좋겠습니다)

大家讲道理
항목: [
    'webpack-dev-server/client?http://127.0.0.1:8080',
    'webpack/hot/only-dev-server',
    './src/main.ts'
  ]
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿