webpack.config
/icons/javascript.iconもしくは/icons/typescript.iconで記述される
/icons/typescript.iconで書くときは↓を参照
最新versionは5
古いversionの解説記事があるので注意
かなり最新の記事
多分こう書く
code:webpack.config.ts
import * as webpack from "webpack";
import CopyWebpackPlugin from 'copy-webpack-plugin' // ファイルをコピーするplugin
// *.tsをts-loaderでトランスパイルする
const rules: webpack.NewUseRule[] = [
{
test: /\.ts$/,
use: 'ts-loader',
exclude: '/node_modules/'
}
]
const module: webpack.NewModule = {
rules: rules
};
export const config: webpack.Configuration = {
entry: {
${__dirname}/src/content_scripts.ts
},
output: {
//path: path.join(__dirname, 'dist'),
// 省略すると${__dirname}/distに出力される
},
module,
// import文で末尾の.tsを省略して書けるようにする
resolve: {
},
plugins: [
new CopyWebpackPlugin([
{ from: 'public', to: '.' }
])
]
};
export default config
一部抜粋
code:package.json
"scripts": {
"build": "webpack",
"watch": "webpack -w"
},
code:tsconfig.json
{
"compilerOptions": {
"sourceMap": true,
"target": "ESNext",
"module": "ESNext",
"strict": true
}
}
References